1
00:00:02,840 --> 00:00:10,200
In this video, we are going to structure the folder and files for this project.

2
00:00:10,220 --> 00:00:17,030
So first step is I'm going to create a folder and I'll call this one as full stack block.

3
00:00:17,920 --> 00:00:24,100
And I'm going to use Visual Studio Code for this, and you can use any text editor of your choice.

4
00:00:24,100 --> 00:00:31,150
So I'm going to open using Visual Studio Code and I have it as that.

5
00:00:31,450 --> 00:00:35,890
Let's look at the folders and files for this project.

6
00:00:35,890 --> 00:00:37,880
And for this I'm going to split up here.

7
00:00:37,900 --> 00:00:41,770
After that, I'll explain the folders that I have created.

8
00:01:30,300 --> 00:01:31,290
All right.

9
00:01:31,290 --> 00:01:35,850
These are the photos that we may need for this application.

10
00:01:35,850 --> 00:01:39,630
So let's walk through what these photos mean.

11
00:01:39,690 --> 00:01:48,000
The first one is called config folder, and this folder is going to contain additional configuration

12
00:01:48,000 --> 00:01:49,430
for our project.

13
00:01:49,440 --> 00:01:53,250
For example, How to Connect to MongoDB.

14
00:01:53,490 --> 00:02:02,820
The next folder is called Controllers, and inside we have three folders, comments, posts and uses

15
00:02:02,820 --> 00:02:06,810
and this is where our business logic is going to lie.

16
00:02:06,810 --> 00:02:10,320
And like I said, we will talk about them in details.

17
00:02:10,380 --> 00:02:16,980
The next folder is called Middle Words and this one going to contain the materials that we are going

18
00:02:16,980 --> 00:02:19,410
to use for this application.

19
00:02:19,410 --> 00:02:23,190
For example, to check if a user is logged in.

20
00:02:23,460 --> 00:02:32,460
The next folder is called models, and inside we have three folders, command posts and user.

21
00:02:32,490 --> 00:02:35,700
The next folder is going to be the public.

22
00:02:35,700 --> 00:02:43,890
For now it is empty and this one is going to contain the asset, the CSS and images that we may need

23
00:02:43,890 --> 00:02:45,270
for our project.

24
00:02:45,480 --> 00:02:47,730
The next one going to be the Roots.

25
00:02:47,730 --> 00:02:56,310
And inside we have three folders, command posts and users and the next folder is going to be the utils.

26
00:02:56,310 --> 00:03:01,050
And this I'm going to contain the additional utility method and function.

27
00:03:01,050 --> 00:03:10,940
For example, if I want to convert a number to two decimal places or to convert a date to more readable,

28
00:03:11,070 --> 00:03:15,000
we are going to create those functions inside this.

29
00:03:15,000 --> 00:03:16,920
And then this one going to be the view.

30
00:03:16,920 --> 00:03:23,130
So this folder is going to contain all the pages that we are going to render to the page.

31
00:03:23,820 --> 00:03:24,630
All right.

32
00:03:24,630 --> 00:03:32,220
And lastly, we have the server dot JS file and for this you can name it whatever you want.

33
00:03:32,220 --> 00:03:35,850
We can make it as AB or index by.

34
00:03:35,850 --> 00:03:44,790
I prefer to use server towards JS and I'll provide this files and folders for you.

35
00:03:44,790 --> 00:03:45,810
All right.

36
00:03:45,810 --> 00:03:53,730
But because we are going to start to develop the API, we are not going to make use of public for now.

37
00:03:53,730 --> 00:03:55,320
So I'm going to remove this.

38
00:03:55,320 --> 00:04:00,300
So this one represents the front end folder, so I'm going to trash it for now.

39
00:04:00,330 --> 00:04:05,010
Likewise, the views, let me also trash it as that.

40
00:04:05,040 --> 00:04:10,350
Now that we have the folders and file that we may need the next video.

41
00:04:10,350 --> 00:04:14,710
Let's get started by initializing our project to use and PM.