1
00:00:00,050 --> 00:00:03,950
And once we get here, let's bravely click on Get Started.

2
00:00:04,310 --> 00:00:05,660
Keep on scrolling.

3
00:00:05,660 --> 00:00:07,670
And we're looking for Scaffolding.

4
00:00:07,670 --> 00:00:12,830
Your first Veit project, I notice over here they have a bunch of templates.

5
00:00:12,830 --> 00:00:20,750
So of course in our case we'll use the React one, but there are plenty to choose from and effectively

6
00:00:20,750 --> 00:00:22,640
we have these two commands.

7
00:00:22,640 --> 00:00:27,260
If your NPM version is six, then you need to use this one.

8
00:00:27,560 --> 00:00:33,710
However, if your NPM version is seven and greater, which I'm assuming is going to be the case for

9
00:00:33,710 --> 00:00:39,050
most students, since in my experience, most students use the latest node version and therefore I'll

10
00:00:39,050 --> 00:00:39,860
use this command.

11
00:00:39,860 --> 00:00:46,430
Now if you want to check what is the NPM version, just like with node version, just simply navigate

12
00:00:46,430 --> 00:00:53,330
to your terminal and instead of node type NPM and hyphen hyphen version.

13
00:00:53,330 --> 00:01:02,210
So this is going to give me a 8.19 and if I want to see my node version again, I just type node hyphen

14
00:01:02,210 --> 00:01:04,819
hyphen version and I have Node 18.

15
00:01:04,819 --> 00:01:10,490
So again, in my experience, most students use the latest node version, so I'm going to go with this

16
00:01:10,490 --> 00:01:16,340
command and effectively we go with NPM create then Veit at latest.

17
00:01:16,550 --> 00:01:22,010
This is going to be the name of the project, which in my case is going to be client.

18
00:01:22,010 --> 00:01:23,930
And then we have hyphen hyphen.

19
00:01:24,680 --> 00:01:27,350
Space hyphen hyphen and then template.

20
00:01:27,350 --> 00:01:30,850
And then in this example they use view.

21
00:01:30,860 --> 00:01:33,770
But of course in our case we're going to use react.

22
00:01:33,770 --> 00:01:37,100
So instead of typing view, just go with react.

23
00:01:37,250 --> 00:01:41,030
I have to say that this command is somewhat hard to remember.

24
00:01:41,030 --> 00:01:46,940
So yes, in my case I just keep this command somewhere in my notes.

25
00:01:46,940 --> 00:01:48,770
So let me navigate back.

26
00:01:48,770 --> 00:01:55,370
I'm going to set up the entire project on my desktop and in the beginning we're only going to have the

27
00:01:55,370 --> 00:01:56,090
client.

28
00:01:56,090 --> 00:02:03,080
So the front end and then eventually we'll create the server and place the client inside of the server.

29
00:02:03,080 --> 00:02:05,120
So all of that is coming up for now.

30
00:02:05,120 --> 00:02:09,710
Just follow along and create the front end of our application.

31
00:02:09,710 --> 00:02:12,500
So I'm going to go with CD desktop.

32
00:02:12,500 --> 00:02:15,500
I'm going to set it up over here, copy and paste.

33
00:02:15,530 --> 00:02:22,280
And like I said, instead of view, I'm going to go with the react and instead of this name, I'm going

34
00:02:22,280 --> 00:02:23,450
to go with client.

35
00:02:23,450 --> 00:02:30,630
Please keep in mind that of course you can name it however you like the folder, but I just think that

36
00:02:30,630 --> 00:02:35,970
naming this client makes a lot of sense since again, this is going to be front end of our application.

37
00:02:36,090 --> 00:02:37,320
Then let's press.

38
00:02:37,320 --> 00:02:38,070
Okay.

39
00:02:38,070 --> 00:02:42,110
And notice over here we are asked whether we want to proceed.

40
00:02:42,120 --> 00:02:42,720
Yep.

41
00:02:42,720 --> 00:02:52,080
And in a split second we right away get our folder and once we have the folder in place, we can continue

42
00:02:52,080 --> 00:02:53,340
with the next step.