1 00:00:00,490 --> 00:00:05,590 So once your application is complete, you need to move into your directory, and in case in this case, 2 00:00:05,590 --> 00:00:08,620 we have made that up in the name dating back. 3 00:00:08,680 --> 00:00:11,380 So we will be changing our directories to Breaking Bad. 4 00:00:12,600 --> 00:00:14,940 So just sitting there directly, and in this case, it's. 5 00:00:16,570 --> 00:00:18,460 Breaking Bad and hit enter. 6 00:00:19,540 --> 00:00:22,900 So now we're in a Breaking Bad territory, and that is a reactor. 7 00:00:23,200 --> 00:00:25,930 Now I'll be launching my escort instance from here. 8 00:00:26,050 --> 00:00:30,010 And to do that just on cold weather period and hit enter. 9 00:00:30,640 --> 00:00:35,700 So what this command is going to do, it is going to open up the vehicle instance of my Breaking Bad 10 00:00:35,710 --> 00:00:36,010 up. 11 00:00:38,460 --> 00:00:40,260 So this is a very good instance of our. 12 00:00:40,590 --> 00:00:46,320 We have an Arab node modules, which includes Bible and other modules of our application. 13 00:00:46,710 --> 00:00:54,000 And then we have this public territory and this we have our icon index attachment to logos and manifest 14 00:00:54,000 --> 00:00:54,570 or Jason. 15 00:00:54,780 --> 00:00:58,200 And over time, we will be working so strictly. 16 00:00:58,200 --> 00:00:59,880 So this is an area of interest. 17 00:01:00,510 --> 00:01:05,610 We have Abdul Thisthis Adages, Abdul Technologies Index or RTS Index. 18 00:01:06,570 --> 00:01:07,470 And here the page. 19 00:01:07,980 --> 00:01:14,040 So now let's just refactor our quality, but I will be deleting our test or JS because we do not need 20 00:01:14,040 --> 00:01:14,970 it in that application. 21 00:01:15,600 --> 00:01:23,550 So just click on it and deleted from application because testing is not the part of this project. 22 00:01:25,440 --> 00:01:29,310 So we have removed Abbott or gorgeous apart from this will even be removing our logo. 23 00:01:30,120 --> 00:01:33,570 But before we do that, let's give it up its initial run. 24 00:01:34,020 --> 00:01:34,650 So moving to. 25 00:01:36,090 --> 00:01:40,710 You will get will be getting ready for a template from the Create React app utility. 26 00:01:40,920 --> 00:01:46,090 And this is our templates or letters looking at those how it looks now to run up app. 27 00:01:46,530 --> 00:01:51,030 Just open up your terminal and to do so, you can press command to backtrack. 28 00:01:51,870 --> 00:01:55,770 Otherwise, you can open up a terminal from this tab by clicking on your terminal. 29 00:01:58,860 --> 00:02:01,920 So now we'll run the command and start to start over. 30 00:02:02,490 --> 00:02:04,110 So just turn the command and start. 31 00:02:06,000 --> 00:02:11,910 Now it is going to compile our application and open up our default browser to react uploaded and it. 32 00:02:13,530 --> 00:02:20,640 So this is that defies template that we get from create react app utility spending, react logo and 33 00:02:20,640 --> 00:02:21,660 link to their dots. 34 00:02:22,200 --> 00:02:25,980 Now, if you want to make any changes, we have to make sure that we making design Abdul Abdul. 35 00:02:26,880 --> 00:02:29,540 So let's just head back into our approaches. 36 00:02:33,780 --> 00:02:40,880 No, I'm going to remove all the code that's in here, so let's just first remove these logos and CSIS 37 00:02:40,890 --> 00:02:42,060 because we do not need them. 38 00:02:43,040 --> 00:02:46,220 And everything inside a patent container glass. 39 00:02:48,100 --> 00:02:54,670 So we'll get rid of Heather now, our first one, but it is going to be Helloworld, so let's just create 40 00:02:54,670 --> 00:02:57,280 a Helloworld component within each one tag. 41 00:03:05,820 --> 00:03:08,220 No safe and let fear application. 42 00:03:11,920 --> 00:03:13,150 So here is that Helloworld. 43 00:03:13,690 --> 00:03:16,320 So we have successfully created a Hallowell component. 44 00:03:16,750 --> 00:03:21,820 Now let's start creating an app now before we do so, there are some utilities that we. 45 00:03:22,000 --> 00:03:25,360 There are some packages of npm that we would like to install. 46 00:03:25,870 --> 00:03:27,000 So just open up a terminal. 47 00:03:28,510 --> 00:03:30,250 Now we would be needing a new terminal. 48 00:03:30,760 --> 00:03:37,090 Just click on the press icon to open up a new terminal, and those packages are Axios as well as notice 49 00:03:37,570 --> 00:03:39,940 because we will be using SAS in our application. 50 00:03:40,960 --> 00:03:42,190 So just open up a terminal. 51 00:03:45,920 --> 00:03:47,750 And run the command and team install. 52 00:03:52,960 --> 00:03:53,710 Not says. 53 00:03:55,330 --> 00:04:01,210 And just had to enter now, rather than writing install, you can just read I also and I noticed this 54 00:04:01,210 --> 00:04:03,490 is a short form of writing the install. 55 00:04:03,580 --> 00:04:07,140 So just hit enter and it is going to install a note now. 56 00:04:07,150 --> 00:04:10,810 Patrol notice has will also be needing Axios to open up a new terminal. 57 00:04:11,080 --> 00:04:18,130 And then again, install this time Axios, because you won't be using the power fetch will be using 58 00:04:18,130 --> 00:04:20,530 Axios this time, and I'll hit enter. 59 00:04:22,730 --> 00:04:26,030 Now, once these two are installed, we'll be starting with that application.