1 00:00:08,750 --> 00:00:12,560 Let's get started to develop this project. 2 00:00:12,590 --> 00:00:21,110 But before we continue on, let's look at how we are going to tackle or develop this particular project. 3 00:00:21,350 --> 00:00:24,140 We have a couple of ways to go by. 4 00:00:24,170 --> 00:00:34,340 One is we can combine both the back end and then the front end together, or we can develop the entire 5 00:00:34,340 --> 00:00:40,970 API first and then we come back to client side to develop the front end. 6 00:00:41,090 --> 00:00:49,550 Or we can develop the back end to some point and then we blend the front end together. 7 00:00:49,580 --> 00:00:51,560 The choice is yours. 8 00:00:51,860 --> 00:00:59,660 Well, we can start develop the front end if we know the API that we want to consume. 9 00:00:59,780 --> 00:01:05,090 In this case, we don't have the API yet, so we cannot start with the front end. 10 00:01:05,750 --> 00:01:10,590 So for this particular project, I'm going to start with the API first. 11 00:01:10,610 --> 00:01:17,630 In that way, you better understand how the front end and then the back end works together. 12 00:01:17,780 --> 00:01:19,550 All right, so let's get started. 13 00:01:19,580 --> 00:01:24,700 So first, make sure that you have a folder for that particular project. 14 00:01:24,710 --> 00:01:30,490 And for me, I have name my as income expenses tracker. 15 00:01:30,830 --> 00:01:33,820 And for this, we are going to create two folders. 16 00:01:33,830 --> 00:01:42,470 One is for the server side and one is for the client side, or we can make it as front end. 17 00:01:43,430 --> 00:01:48,580 So after that, make sure you open using your preferred code editor. 18 00:01:48,590 --> 00:01:52,100 And for me, I'm going to use a Visual Studio code. 19 00:01:52,520 --> 00:01:58,160 And before we continue, let me show you the extension that we are going to use. 20 00:01:58,280 --> 00:02:06,220 We are going to use this extension called ten client, and we are going to use this one instead of Postman. 21 00:02:06,230 --> 00:02:13,990 So if you don't have tender client, go ahead and then install it by searching for tender client. 22 00:02:14,270 --> 00:02:16,670 And this is the extension. 23 00:02:16,940 --> 00:02:21,710 The next extension that we are going to use is called Mongo DB. 24 00:02:21,770 --> 00:02:30,020 So if it's set for MongoDB, we are going to use this extension inside of the compass. 25 00:02:30,020 --> 00:02:38,270 For this we can able to visualize our database right inside Visual Studio code and I will show you how 26 00:02:38,270 --> 00:02:39,380 we are going to do that one. 27 00:02:39,890 --> 00:02:48,800 The first step is less initialize our project as NPM, so go to terminal and then open the terminal 28 00:02:48,830 --> 00:02:51,320 that came with Visual Studio code. 29 00:02:51,560 --> 00:02:59,120 So for here, let's issue the command and p m init and let's hit enter. 30 00:02:59,690 --> 00:03:06,800 So the first one is the package name, meaning the folder where we are going to keep our files. 31 00:03:06,950 --> 00:03:11,740 By default, it has selected the folder that we have created. 32 00:03:11,750 --> 00:03:14,080 So if we want to overwrite it, why not? 33 00:03:14,090 --> 00:03:16,140 You can go ahead and change it here. 34 00:03:16,160 --> 00:03:18,710 But for me, I will maintain it as that. 35 00:03:18,950 --> 00:03:27,290 The next question is the version for this particular project, and I like to use 1.0.0 and let's hit 36 00:03:27,290 --> 00:03:28,700 enter the next one. 37 00:03:28,700 --> 00:03:31,310 Going to be the description for this project. 38 00:03:31,310 --> 00:03:43,470 And our code is one as keeping track of your income and expenses. 39 00:03:43,490 --> 00:03:51,370 So hit enter and then the entry point is going to be the file and I would like to use silver dot jar 40 00:03:51,440 --> 00:03:53,270 so I will overwrite this. 41 00:03:53,990 --> 00:03:55,780 Then this one going to be the test command. 42 00:03:55,790 --> 00:03:56,840 No, for now. 43 00:03:56,840 --> 00:04:00,770 And then the git repository note for now and a keyword. 44 00:04:00,770 --> 00:04:04,250 This one is for ASU purposes and for this application. 45 00:04:04,250 --> 00:04:05,450 We don't care about that. 46 00:04:05,450 --> 00:04:13,340 So I'll hit Enter and then the author for this particular project, I'm going to use the name as I never 47 00:04:13,340 --> 00:04:19,010 take add ketamine and enter. 48 00:04:19,430 --> 00:04:20,959 And here we go. 49 00:04:20,990 --> 00:04:23,120 The last question is, is this okay? 50 00:04:23,120 --> 00:04:23,790 Why not? 51 00:04:23,810 --> 00:04:25,300 Then I'll hit enter. 52 00:04:25,310 --> 00:04:27,350 So let me clear my terminal. 53 00:04:27,380 --> 00:04:29,050 And here you go. 54 00:04:29,060 --> 00:04:32,200 I've seen package dot json file. 55 00:04:32,210 --> 00:04:34,010 So what is the package? 56 00:04:34,010 --> 00:04:35,420 The JSON file. 57 00:04:35,510 --> 00:04:43,550 This file contains the script that's going to help us to run our application and also for us to maintain 58 00:04:43,550 --> 00:04:47,240 other packages that we are going to use in our project. 59 00:04:47,240 --> 00:04:48,820 So that is it for now. 60 00:04:48,830 --> 00:04:54,110 So let's go ahead and then structure our projects for this particular project. 61 00:04:54,110 --> 00:04:56,710 That's for the API development we need. 62 00:04:56,720 --> 00:04:57,910 Couple of orders. 63 00:04:57,920 --> 00:05:00,380 The first one is controllers. 64 00:05:01,940 --> 00:05:06,890 And then the second folder is going to be my model. 65 00:05:08,330 --> 00:05:16,970 And after model I need a folder called Utils and this folder is going to contain the utility function 66 00:05:16,970 --> 00:05:18,620 that our application needs. 67 00:05:18,740 --> 00:05:22,880 And I will need another folder called config. 68 00:05:23,270 --> 00:05:23,810 All right. 69 00:05:23,810 --> 00:05:26,320 So I think this would be neat for now. 70 00:05:26,330 --> 00:05:33,050 And lastly, let's go ahead and create the file called Server Dot JS. 71 00:05:33,830 --> 00:05:35,900 And here we go. 72 00:05:35,930 --> 00:05:41,210 In the next video, let's go ahead and then start to create our expert server.