1
00:00:00,330 --> 00:00:07,290
And once you never did here, either you can corner pocket or download it, and I think I'm going to

2
00:00:07,290 --> 00:00:14,250
go with Klown option or just get the URL here and navigate back to the terminal.

3
00:00:14,840 --> 00:00:17,620
My question will remain just so I can see what's happening.

4
00:00:18,160 --> 00:00:24,330
I'm going to navigate through a desktop and then, of course, I want to get clone online, copy and

5
00:00:24,330 --> 00:00:25,550
paste the URL.

6
00:00:26,010 --> 00:00:33,300
Now, the folder shouldn't be that big because all the projects don't have node modules installed.

7
00:00:33,750 --> 00:00:36,630
So that's something that we'll talk about with later.

8
00:00:37,020 --> 00:00:39,270
But downloads should be somewhat quick.

9
00:00:39,660 --> 00:00:46,890
Then open up your text or of course, drag and drop in my case, offset right away side by side, my

10
00:00:46,890 --> 00:00:48,940
browser window as well.

11
00:00:49,530 --> 00:00:56,400
So we're going to go here with a text error and then we have the browser and then you'll notice that

12
00:00:56,400 --> 00:00:57,870
there are going to be projects.

13
00:00:58,350 --> 00:01:05,420
And for each and every project, there's going to be a set of folder as well as the final folder.

14
00:01:05,940 --> 00:01:11,340
And the idea is following where we have complete source code in the final folder.

15
00:01:11,880 --> 00:01:18,650
And here you can just come and see exactly the code that I wrote in the video.

16
00:01:18,870 --> 00:01:22,950
And then, of course, you have the setup where we'll do all of our work.

17
00:01:23,220 --> 00:01:27,810
So the setup folder is all the files and folders prepared for you.

18
00:01:28,070 --> 00:01:32,250
And then, of course, as you watch the video, you'll be working in a setup folder.

19
00:01:32,610 --> 00:01:38,720
Now, I also would like to mention that for both of them, you'll have to run NPM install.

20
00:01:38,970 --> 00:01:43,260
So that's something you'll have to do for both for the set up as well as the final.

21
00:01:43,500 --> 00:01:48,660
So if you want to see the project in action for sure, navigate to a final one.

22
00:01:48,960 --> 00:01:55,800
But after that you'll have to run NPM install first to get all the dependencies and then you'll be able

23
00:01:55,800 --> 00:01:57,260
to spin up the deficit.

24
00:01:57,630 --> 00:02:00,110
Otherwise you'll have there now for the setup.

25
00:02:00,110 --> 00:02:01,590
Of course you'll have to do that as well.

26
00:02:02,340 --> 00:02:04,170
Otherwise, nothing will work.

27
00:02:04,560 --> 00:02:12,810
Now, I also would like to mention that as far as the Project Ayari created all the success for you.

28
00:02:13,050 --> 00:02:18,390
So if you navigate you in year, you'll see all the styles in action already.

29
00:02:18,870 --> 00:02:24,500
And you'll also see that you have all the files as well as boilerplate already for you.

30
00:02:24,870 --> 00:02:33,420
Now, I did that simply because I wanted to save some time on some redundant typing so that we can do

31
00:02:33,420 --> 00:02:40,110
more projects, we can do more interesting functionality instead of working on a boiler plate by creating

32
00:02:40,110 --> 00:02:44,750
the files and then creating, I don't know, the setup for the components.

33
00:02:44,770 --> 00:02:50,610
So, for example, if you have objets component, notice how you have all the inputs already here and

34
00:02:50,610 --> 00:02:52,730
the general structure for the component.

35
00:02:53,040 --> 00:03:01,770
So that way, like I just said, we can add more interesting features to our project instead of doing

36
00:03:01,770 --> 00:03:06,060
the repetition of creating a files and then setting up the import.

37
00:03:06,480 --> 00:03:14,970
And the last thing that I would want to mention is that there is a README file and in here I have corresponding

38
00:03:15,210 --> 00:03:16,380
tutorial topics.

39
00:03:16,770 --> 00:03:23,850
So I would suggest following this guideline because that way for sure, once you're done with you start

40
00:03:23,850 --> 00:03:28,080
in tutorial, you know that you can work on a birthday or a minor project.

41
00:03:28,380 --> 00:03:33,590
Once you're done with use effect and unconditional return, then you can work on this project.

42
00:03:33,990 --> 00:03:40,440
Now, technically, you can skip tutorial if you want, but I'm just saying that you'll be much more

43
00:03:40,440 --> 00:03:43,500
comfortable if you complete tutorial first.