1
00:00:00,180 --> 00:00:06,300
And we're going to kick things off by setting up a star project so bravely, follow the link that I

2
00:00:06,300 --> 00:00:07,050
provided.

3
00:00:08,400 --> 00:00:14,250
In here you can either choose the download zip or clone or fork to people.

4
00:00:14,630 --> 00:00:16,630
So in my case, I'm going to go with clone option.

5
00:00:16,630 --> 00:00:20,040
So I'm just going to copy the URL here.

6
00:00:20,720 --> 00:00:23,100
Mine navigate back to my desktop.

7
00:00:23,790 --> 00:00:28,490
I'm going to open up my terminal and zoom in, of course, massively, c.D.

8
00:00:29,040 --> 00:00:31,430
Now it's up to you where you want to place the star application.

9
00:00:31,440 --> 00:00:33,770
My cousin is going gonna be on the list off and on.

10
00:00:33,780 --> 00:00:37,230
I'm going to go and get clone and copy and paste.

11
00:00:37,770 --> 00:00:40,950
Number four, I set up anything with my application.

12
00:00:41,490 --> 00:00:43,320
I probably want to rename it.

13
00:00:43,920 --> 00:00:47,570
Senator Lugar said get our users or something like that.

14
00:00:47,990 --> 00:00:49,350
Of course, naming is up to you.

15
00:00:49,810 --> 00:00:56,640
Then I'm going to open up my favorite text that are VA has called Dragon dropped the sucker here.

16
00:00:57,120 --> 00:01:04,230
And then again, this is my preference where as I'm working, I'm going to sit side by side in the browser

17
00:01:04,970 --> 00:01:05,620
text there.

18
00:01:05,880 --> 00:01:10,260
But of course, if you don't like, that's kind of set up, you don't have to do that.

19
00:01:10,680 --> 00:01:12,720
So I'm going to open up a new browser window.

20
00:01:13,680 --> 00:01:20,520
Now, this is a mock thing, of course, and just set them side by side and mine before we begin.

21
00:01:20,790 --> 00:01:22,260
We are setup.

22
00:01:22,650 --> 00:01:27,960
We just need to run NPM install to get all the dependencies.

23
00:01:28,410 --> 00:01:34,260
And once we do, the command we're looking for is NPM start to star up the dev server because of course

24
00:01:34,650 --> 00:01:44,010
we're using create react app in order to start up a dev server in create react up Nick Mandi's NPM start.

25
00:01:44,500 --> 00:01:51,540
Now while that is loading, I'll navigate to a bigger screen, going to open up a new tab and eventually

26
00:01:51,570 --> 00:01:52,950
I'll have a year.

27
00:01:52,950 --> 00:01:55,890
Are all for local host 3000 at the moment.

28
00:01:55,890 --> 00:01:59,140
Of course there's nothing there and I'm going to do the same thing here.

29
00:01:59,670 --> 00:02:05,050
So once we have installed all dependencies, we're just gonna go with and PMB start.

30
00:02:05,070 --> 00:02:10,160
Like I just said, we should have something on a screen.

31
00:02:10,570 --> 00:02:12,440
I can not much more.

32
00:02:12,660 --> 00:02:14,160
At least it's a start.

33
00:02:14,730 --> 00:02:21,930
So once our Dev Sara kicks into gear, we should see something like this where we have a dashboard page,

34
00:02:22,230 --> 00:02:29,130
we have log in page as well as the Arrow page and the same thing we should see here on a bigger screen.

35
00:02:29,130 --> 00:02:33,240
Again, dashboard page, log in page as well as D error page.

36
00:02:33,780 --> 00:02:36,600
And I like to showcase it right away.

37
00:02:36,960 --> 00:02:40,040
Everything that is happening in the complete application as well.

38
00:02:40,050 --> 00:02:46,860
That's why I'll keep this tab open, because I'll toggle here and there back to a complete application.

39
00:02:47,200 --> 00:02:50,550
And just to show you what we're gonna be working on.