1
00:00:00,260 --> 00:00:07,530
In order to follow along, you will need some assets and they are located in the complete project.

2
00:00:07,550 --> 00:00:11,540
So effectively you're looking for my GitHub profile.

3
00:00:11,630 --> 00:00:13,660
John hyphen Smilga.

4
00:00:13,730 --> 00:00:18,230
And then more specifically mern job fi version two.

5
00:00:18,260 --> 00:00:25,700
Now please look for version two because there's also a version one which is called Mern Course Job fi

6
00:00:25,730 --> 00:00:26,330
I believe.

7
00:00:26,360 --> 00:00:32,990
So please, please, please, please, please look for version two because that's the version, the

8
00:00:32,990 --> 00:00:35,000
latest version we're going to be working on.

9
00:00:35,060 --> 00:00:37,640
And once you get here, you have a few options.

10
00:00:37,640 --> 00:00:45,050
You can either download or of course you can use the git commands to get the project.

11
00:00:45,050 --> 00:00:46,370
And this is totally up to you.

12
00:00:46,370 --> 00:00:50,320
But for demonstration purposes, I'm going to use the download option.

13
00:00:50,330 --> 00:00:58,790
So get the entire project, crack open the zip file and in my case I'll set it up again on the desktop.

14
00:00:58,790 --> 00:01:01,590
And yes, this is a complete project.

15
00:01:01,620 --> 00:01:03,720
Now please keep in mind one thing.

16
00:01:03,720 --> 00:01:11,430
During the project we will use environment variables and essentially in order to spin up this project,

17
00:01:11,430 --> 00:01:13,040
you'll need those values.

18
00:01:13,050 --> 00:01:19,590
So if you'll just navigate right now to this particular project and just try to.

19
00:01:20,230 --> 00:01:21,610
Spin up the server.

20
00:01:21,730 --> 00:01:27,760
Of course, stuff is not going to work because in order for the entire project to work.

21
00:01:28,530 --> 00:01:35,760
You'll need to provide the correct env variables, which of course we're going to cover during the course.

22
00:01:35,760 --> 00:01:39,490
So don't be surprised if you try to run it and things fail.

23
00:01:39,510 --> 00:01:44,090
Yes, unless you have those values, stuff is not going to work.

24
00:01:44,100 --> 00:01:47,860
So what do we need from this complete project?

25
00:01:47,880 --> 00:01:54,660
So in here we want to look for client more specifically source and we want to grab the assets.

26
00:01:54,660 --> 00:02:02,640
So notice in this assets folder, we have CSS, we have images, we're going to use the wrappers which

27
00:02:02,640 --> 00:02:06,150
we're going to cover later and also a Readme.

28
00:02:06,180 --> 00:02:14,040
So whichever way you prefer, just get this assets folder to our current folder.

29
00:02:14,190 --> 00:02:18,600
Now I suggest copying these things because again.

30
00:02:19,280 --> 00:02:22,070
If you'll try to run the complete project.

31
00:02:22,070 --> 00:02:26,150
Stuff is not going to work if you'll just pull out this assets folder.

32
00:02:26,150 --> 00:02:29,420
So therefore I'm just going to copy the assets.

33
00:02:29,450 --> 00:02:33,410
Then I want to navigate back to the client again.

34
00:02:33,410 --> 00:02:38,240
I'm looking for the source and notice over here I have the assets, but of course.

35
00:02:38,810 --> 00:02:44,720
And here I just have the react SVG So once I'm in the source, I'll just paste.

36
00:02:45,540 --> 00:02:51,480
Of course it's going to ask whether I want to merge or replace, and I'm going to go with replace option.

37
00:02:51,600 --> 00:02:59,100
And if you see the CSS, the images as well as the Readme, something we're going to cover in a second.

38
00:02:59,190 --> 00:03:00,820
We are in good shape.

39
00:03:00,840 --> 00:03:03,480
So once you have the assets.

40
00:03:04,490 --> 00:03:06,560
Nicely in your project.

41
00:03:06,590 --> 00:03:09,980
Navigate back to the Visual Studio code for now.

42
00:03:09,980 --> 00:03:11,300
We won't do anything.

43
00:03:11,300 --> 00:03:13,570
I do want to showcase the Readme though.

44
00:03:13,580 --> 00:03:22,580
So in here, essentially you'll find all of the steps we're going to take in order to create this application.

45
00:03:22,730 --> 00:03:30,170
And I start doing that effectively with the first version of this course, I started providing this

46
00:03:30,170 --> 00:03:37,790
Readme file and students seem to really enjoy it because it allows students to work on a project independently.

47
00:03:37,940 --> 00:03:39,800
You can also use it.

48
00:03:40,320 --> 00:03:43,110
For reference and to troubleshoot your project.

49
00:03:43,110 --> 00:03:46,780
And also you can just copy some syntax.

50
00:03:46,800 --> 00:03:50,000
Let's say there's some boring imports and all that.

51
00:03:50,010 --> 00:03:56,400
So instead of wasting your time and typing it line by line, you can simply copy from the Readme.

52
00:03:56,550 --> 00:03:58,920
And once you have the assets in place.

53
00:03:59,100 --> 00:04:02,230
Up next, let's talk about the global styles.