1
00:00:00,240 --> 00:00:00,870
Hello, everyone.

2
00:00:00,900 --> 00:00:07,620
So now that we are in the escort, I show you how to create a real project already deployed to your

3
00:00:07,620 --> 00:00:08,120
project.

4
00:00:08,130 --> 00:00:14,400
So if you know how to create that and if you are like beginner or intermediate level and you know how

5
00:00:14,400 --> 00:00:18,870
to create that react or default application, so you can just skip this part.

6
00:00:19,110 --> 00:00:24,900
And if you don't know, so let me just tell you how to create the default real project from the initial

7
00:00:25,050 --> 00:00:25,470
phase.

8
00:00:26,010 --> 00:00:31,650
So for that, you need to open via scored and then don't worry about what is showing up here, the files

9
00:00:31,650 --> 00:00:31,970
and all.

10
00:00:31,980 --> 00:00:33,810
You will get these files in just a minute.

11
00:00:34,180 --> 00:00:35,060
So don't worry about that.

12
00:00:35,070 --> 00:00:36,690
Just follow what I'm saying.

13
00:00:36,720 --> 00:00:42,930
So first of all, you need to go to the Terminal tab and you need to just click on New Terminal and

14
00:00:42,930 --> 00:00:44,340
you will get a new terminal.

15
00:00:44,700 --> 00:00:49,700
So I'm using WCL, so don't worry about this WSI that you will be getting Kimberly.

16
00:00:49,710 --> 00:00:50,460
Most probably.

17
00:00:50,730 --> 00:00:56,340
So all the commands and everything, I seem so what worked like them, so don't worry about that.

18
00:00:56,620 --> 00:00:57,180
So.

19
00:00:58,310 --> 00:01:03,710
What you need to do is you need to type a command that is A and B X.

20
00:01:05,410 --> 00:01:10,120
Not capitalist and not capitalist and the X space.

21
00:01:11,450 --> 00:01:12,050
Thirty eight.

22
00:01:12,380 --> 00:01:17,790
Why I'm doing so much typos create React app I found in the middle.

23
00:01:17,800 --> 00:01:21,830
All right, then space, and then you need to provide the name of the app.

24
00:01:21,830 --> 00:01:23,810
You can provide any name for me.

25
00:01:23,810 --> 00:01:30,840
I have provided recipe and then you need to head and so that will install your first.

26
00:01:30,860 --> 00:01:34,700
And that will create your first flight application.

27
00:01:35,120 --> 00:01:41,870
So that application will be created and it will take like around five to six minutes or maybe even 10

28
00:01:41,870 --> 00:01:42,200
minutes.

29
00:01:42,620 --> 00:01:45,620
It completely depends on the processing power of your computer.

30
00:01:45,650 --> 00:01:48,620
For me, it generally takes five to six minutes.

31
00:01:49,220 --> 00:01:51,830
So once that is done, you are good to go.

32
00:01:51,980 --> 00:01:57,380
And if you have if you face any errors while execution on this command, that means you are not successfully

33
00:01:57,380 --> 00:02:00,260
installed on Node.js and npm.

34
00:02:00,500 --> 00:02:08,150
So if you have if you got errors to just go ahead and check this version of npm Node.js, why this command

35
00:02:08,430 --> 00:02:10,730
npm if an iPhone?

36
00:02:12,020 --> 00:02:14,870
So you need, you will see the version.

37
00:02:14,870 --> 00:02:20,180
If you have successfully install npm, you will see this version right here and maybe nurdles.

38
00:02:20,180 --> 00:02:23,450
A. Space hyphen iPhone version.

39
00:02:23,720 --> 00:02:25,340
So you will see those versions.

40
00:02:25,640 --> 00:02:30,800
And if you are not seeing these two while executing these two commands, if you aren't seeing those

41
00:02:30,800 --> 00:02:35,490
versions, that means you have not successfully or properly installed Node.js.

42
00:02:35,500 --> 00:02:40,040
And then the first go ahead and do that, which I've showed you in the previous video.

43
00:02:40,040 --> 00:02:46,250
So just go ahead and install it again and then try this and this command again.

44
00:02:46,250 --> 00:02:48,350
That is the and B excuse.

45
00:02:48,680 --> 00:02:51,680
Act up and be up.

46
00:02:52,530 --> 00:02:59,090
Could you react to the app and space in the name of the.

47
00:03:00,770 --> 00:03:03,350
Project or the odd app?

48
00:03:03,890 --> 00:03:04,510
Well, that's it.

49
00:03:04,820 --> 00:03:11,240
And then you hit the enter again, and most probably you will get the DeFi product, the starting project.

50
00:03:11,480 --> 00:03:14,920
OK, so once you get the product, it will look something like this.

51
00:03:14,920 --> 00:03:18,590
You need to just go open that product via via scored.

52
00:03:19,160 --> 00:03:25,100
That product will be created in the folder here, and folder will be created by the app name itself.

53
00:03:25,490 --> 00:03:27,590
The name of it will be providing for the app name.

54
00:03:27,590 --> 00:03:29,570
That folder will be created with that name.

55
00:03:30,050 --> 00:03:32,870
So you need to open that folder with VSCO.

56
00:03:32,900 --> 00:03:34,130
OK, so once you open.

57
00:03:34,400 --> 00:03:36,980
So you will see a bunch of files here on the left.

58
00:03:37,280 --> 00:03:40,550
So you will see a lot of files that will be ignored.

59
00:03:40,550 --> 00:03:42,860
Warnings You don't need to take this folder.

60
00:03:43,160 --> 00:03:43,940
This is public.

61
00:03:44,210 --> 00:03:45,590
You don't need to close this folder.

62
00:03:45,590 --> 00:03:52,190
And there will be Zazi that is the source folder in ninety nine percent of the time we'll be working

63
00:03:52,190 --> 00:03:53,290
on this for.

64
00:03:53,450 --> 00:03:53,840
All right.

65
00:03:55,130 --> 00:03:59,340
So there will be a lot of external files which you need to delete and clean up.

66
00:03:59,360 --> 00:04:03,290
So you need to just keep these files which are being displayed here.

67
00:04:04,160 --> 00:04:08,930
That would be the Port five vital that would be tested or something like that.

68
00:04:08,930 --> 00:04:15,530
So you could just delete those files and just keep the Dodgers and next door to CSIS next door to users

69
00:04:15,920 --> 00:04:19,790
and that other files you do to delete these old files.

70
00:04:20,090 --> 00:04:25,010
Apart from that, I don't keep anything else but don't delete after two years and extort this or this

71
00:04:25,010 --> 00:04:26,360
package log or something like that.

72
00:04:26,870 --> 00:04:31,040
You have to be very careful and just delete those two or three files only.

73
00:04:31,400 --> 00:04:36,710
So once you delete it, you need to just direct two gorgeous on you to just clean up this.

74
00:04:37,070 --> 00:04:38,700
That would be a lot of record here.

75
00:04:38,720 --> 00:04:41,300
You need to just clean up and make it similar to this.

76
00:04:41,600 --> 00:04:46,700
And once you make this similar to this and then you need to start working now, let us.

77
00:04:47,180 --> 00:04:49,760
I hope you are in your breach this far.

78
00:04:50,060 --> 00:04:53,660
Now you need to just check if your app is running or not.

79
00:04:53,690 --> 00:04:58,640
So for that, you need to just type anything here and between live on the app, maybe.

80
00:04:59,810 --> 00:05:00,620
Hello, world.

81
00:05:01,190 --> 00:05:08,420
And for that, you need to run and see your application for that, you need to go to your folder where

82
00:05:08,420 --> 00:05:13,670
the app is situated, situated and commutes project and then recipe.

83
00:05:14,000 --> 00:05:18,650
So then you need to just run this application react application.

84
00:05:18,860 --> 00:05:26,210
To run another application, you need to type a command that is npm space start and then enter.

85
00:05:26,630 --> 00:05:32,510
So this will spin up a server on board and probably three thousand on the local host.

86
00:05:32,750 --> 00:05:39,240
So there you will be able to see all the changes which you make to your applications.

87
00:05:39,240 --> 00:05:47,150
Of all the changes which you make, that will be reflected, that will be reflected on the on the browser.

88
00:05:47,150 --> 00:05:49,670
So as you can see, this is loading right now.

89
00:05:50,000 --> 00:05:52,820
So this will take just a couple of seconds.

90
00:05:52,820 --> 00:05:53,870
I'm doing it for the first time.

91
00:05:53,870 --> 00:05:55,370
That's like setting time.

92
00:05:55,760 --> 00:05:58,400
So here you can see our hello is Typekit.

93
00:05:58,430 --> 00:06:03,550
Let me just refresh and just just go back to the view score.

94
00:06:03,890 --> 00:06:07,430
And and if I just save it, I'm not saved.

95
00:06:07,430 --> 00:06:08,300
But you need to save it.

96
00:06:08,540 --> 00:06:10,550
OK, that allows us from another project.

97
00:06:10,910 --> 00:06:17,120
So if I just go back the browser and just refresh, you don't need to refresh every dynamics auto refresh

98
00:06:17,120 --> 00:06:17,690
on save.

99
00:06:18,080 --> 00:06:19,730
So you can see Hello, this type.

100
00:06:20,060 --> 00:06:22,520
So we don't want this exactly.

101
00:06:22,520 --> 00:06:26,840
So now we will start building our project.

102
00:06:27,440 --> 00:06:34,790
So what we'll do is we'll create several folders, and from then we'll be building our component by

103
00:06:34,790 --> 00:06:37,010
component, everything we'll be doing step by step.

104
00:06:37,520 --> 00:06:39,350
So we'll do that.