1 00:00:00,210 --> 00:00:00,780 Nicely done. 2 00:00:00,930 --> 00:00:06,780 We are finally ready to deploy our application and inor to set everything up. 3 00:00:06,840 --> 00:00:12,630 I'm going to use a continuous deployment with notify, which essentially just means that I'm going to 4 00:00:12,630 --> 00:00:16,740 have to get a repo man in order to build my project. 5 00:00:17,220 --> 00:00:21,590 I will connect to nullify the get them repo. 6 00:00:21,990 --> 00:00:27,700 So that way, every time I have any kind of changes, I can just push it up to get a break pole line, 7 00:00:27,810 --> 00:00:30,570 of course, until Firewheel rebuild a site for me. 8 00:00:31,140 --> 00:00:34,020 Now, since it's somewhat advanced project. 9 00:00:34,080 --> 00:00:39,690 I already assume that you have to get him to account and you know how to set up a repository as well 10 00:00:39,690 --> 00:00:40,830 as the basic commands. 11 00:00:41,200 --> 00:00:46,650 And that's why if you need to brush up on that, please do so, because I'm not going to cover things 12 00:00:46,710 --> 00:00:48,520 in great detail more essentially. 13 00:00:48,570 --> 00:00:59,640 I want to create a new repoll and I'm gonna call this react and we're going to go search gater of users, 14 00:00:59,820 --> 00:01:00,990 something like that. 15 00:01:01,620 --> 00:01:09,060 And then once I create that new Europa's story, what I would want is to grab these two things. 16 00:01:09,420 --> 00:01:15,490 These two commands, four, get remote and get push plus one essentially just gets me to your Yahel. 17 00:01:15,720 --> 00:01:17,880 So that way I know where's my remote? 18 00:01:17,920 --> 00:01:21,260 You're all so I can just push it up to him. 19 00:01:21,710 --> 00:01:28,860 Now I'm going to navigate back to my project and this is optional, but I'm going to first remove the 20 00:01:28,950 --> 00:01:29,400 old. 21 00:01:29,450 --> 00:01:30,900 You are all if there is any. 22 00:01:31,230 --> 00:01:35,250 So essentially, if you call the project, it might be pointing back to a star project. 23 00:01:35,610 --> 00:01:40,980 So in the Mac, the command would be R.M. than flag RF. 24 00:01:41,400 --> 00:01:49,080 And then get if you're using Windows, please just Google Command how to remove a get folder altogether. 25 00:01:49,440 --> 00:01:50,260 So I'm doing that. 26 00:01:50,310 --> 00:01:54,470 And then of course, I would want to initialize it as an empty repository. 27 00:01:54,930 --> 00:01:58,200 And yes, as a side note, let me just repeat, this is optional. 28 00:01:58,530 --> 00:02:03,270 Technically, if you just download the project, you shouldn't have these problems where the remote 29 00:02:03,270 --> 00:02:06,150 you are all shouldn't be pointing to my star project. 30 00:02:06,480 --> 00:02:11,430 And once we initialize it, I'm just gonna add everything to a staging area. 31 00:02:11,850 --> 00:02:13,740 We're gonna do our comment. 32 00:02:14,500 --> 00:02:17,670 I'm gonna call this initial comment because I'm just lazy. 33 00:02:18,560 --> 00:02:20,960 And then, of course, I'll copy and paste these two commands. 34 00:02:21,330 --> 00:02:23,070 So I copied them to the clipboard. 35 00:02:23,580 --> 00:02:24,690 Copy and paste. 36 00:02:25,080 --> 00:02:27,630 Now we're pushing up this to get up. 37 00:02:28,110 --> 00:02:32,230 And once that is done, we can refresh, of course, nicely and Ladas. 38 00:02:32,400 --> 00:02:34,050 This should be our project. 39 00:02:34,560 --> 00:02:37,760 And from here, we would want to navigate the metaphor again. 40 00:02:38,190 --> 00:02:40,290 If you haven't signed up for account, please do so. 41 00:02:40,650 --> 00:02:43,890 It takes a few minutes and they're not after your credit card. 42 00:02:44,250 --> 00:02:50,490 We log in, we go with New Scheid from Get Online World and forget UB. 43 00:02:51,840 --> 00:02:56,880 Now I'm going to type here or react, and then hopefully I'll try to remember to name. 44 00:02:57,360 --> 00:02:58,560 It was search, I believe. 45 00:02:59,430 --> 00:03:02,270 And then let's keep on waiting, waiting, waiting, waiting. 46 00:03:02,280 --> 00:03:03,210 There it is. 47 00:03:03,870 --> 00:03:07,200 And then, of course, we'll just build out our project. 48 00:03:07,710 --> 00:03:12,330 Now, one thing I want to mention that right away it will fail and why it's going to fail. 49 00:03:12,370 --> 00:03:21,780 Well, if we brush our memory, we should remember that we should have the you are all the domain, 50 00:03:21,810 --> 00:03:22,200 correct. 51 00:03:22,560 --> 00:03:23,820 In our applications. 52 00:03:24,120 --> 00:03:29,520 So I'm going to navigate back to my applications are going to look for the GitHub users because that 53 00:03:29,520 --> 00:03:30,270 was my harp. 54 00:03:30,690 --> 00:03:37,130 And what I'm looking for is, of course, the domain, because the moment I have local host, three 55 00:03:37,130 --> 00:03:37,440 thousand. 56 00:03:37,890 --> 00:03:44,250 So, of course, I'm gonna go back right now to a little five and we're going to look inside settings 57 00:03:44,730 --> 00:03:47,610 and I'm just going to rename it to some kind of meaningful name. 58 00:03:47,850 --> 00:03:52,170 Please keep in mind, of course, you can copy and paste this domain as well, but I'm just going to 59 00:03:52,170 --> 00:03:52,620 rename it. 60 00:03:52,860 --> 00:03:54,270 So it makes a little bit more sense. 61 00:03:54,750 --> 00:04:01,010 So I'm going to go with react search GitHub users fly up. 62 00:04:01,620 --> 00:04:02,340 Let's say that. 63 00:04:03,330 --> 00:04:09,260 And now once I have my domain, I'm going to navigate back inside. 64 00:04:09,370 --> 00:04:10,000 Non deployed. 65 00:04:10,050 --> 00:04:10,450 OK. 66 00:04:11,010 --> 00:04:15,240 What we're looking for, of course, is the euro. 67 00:04:15,720 --> 00:04:19,280 So again, let me go back inside saying sorry, I messed up a bit more. 68 00:04:19,380 --> 00:04:20,970 I would want to just copy and paste this. 69 00:04:21,310 --> 00:04:22,410 So let me copy that. 70 00:04:22,890 --> 00:04:25,830 Then I'm going to navigate back to my applications. 71 00:04:25,860 --> 00:04:27,840 And like I said, we want to copy and paste. 72 00:04:28,230 --> 00:04:31,430 And then we want to add a comma otherwise is gonna fail. 73 00:04:31,830 --> 00:04:33,450 So let's add a comma in between. 74 00:04:34,080 --> 00:04:35,760 And I'm just gonna take both of them. 75 00:04:36,270 --> 00:04:40,680 Remove my previous local host and then copy and paste both of them together. 76 00:04:41,190 --> 00:04:42,840 Make sure that you save. 77 00:04:43,450 --> 00:04:45,180 Again, that is extremely important. 78 00:04:45,690 --> 00:04:46,990 Save changes. 79 00:04:47,450 --> 00:04:51,460 And now it's navigate back to our project console. 80 00:04:52,140 --> 00:04:53,250 Again, we're going here. 81 00:04:53,700 --> 00:04:54,750 This is our project. 82 00:04:55,530 --> 00:04:55,980 Let's see. 83 00:04:56,310 --> 00:04:57,390 So we're still building. 84 00:04:57,780 --> 00:05:04,780 Which is actually really good because this gave us time to set up are off zero and not on us. 85 00:05:05,040 --> 00:05:07,080 This is the building process and all that. 86 00:05:07,410 --> 00:05:14,310 So this is where I'm saying that if you would have some kind of warning than the build process might 87 00:05:14,370 --> 00:05:17,400 fail because they change some things around in their setup. 88 00:05:17,610 --> 00:05:20,130 So that's why we do need to change the command. 89 00:05:20,970 --> 00:05:26,430 Now, I'm going to stop talking and I'm going to resume it once our project is completely deployed. 90 00:05:26,760 --> 00:05:34,070 And once we see that the site is live course, I can just navigate back to my project and it is going 91 00:05:34,080 --> 00:05:35,130 to navigate here. 92 00:05:35,600 --> 00:05:37,070 And then I'm just gonna wait. 93 00:05:37,230 --> 00:05:39,240 Now, of course, I already logged in. 94 00:05:39,570 --> 00:05:40,620 So I'm just gonna log out. 95 00:05:40,960 --> 00:05:43,810 Now I'm being kicked back to a logging page. 96 00:05:44,280 --> 00:05:45,730 I'm going to go with a logging. 97 00:05:46,320 --> 00:05:47,520 I'll try first. 98 00:05:47,660 --> 00:05:51,830 We a typical e-mail password. 99 00:05:51,900 --> 00:05:55,440 So we're going to go back to my John log in. 100 00:05:55,780 --> 00:05:56,950 More successfully logged in. 101 00:05:56,970 --> 00:06:01,380 Now, I want to test that out, whether I can go to a hello page. 102 00:06:01,620 --> 00:06:02,520 Yep, I can. 103 00:06:03,180 --> 00:06:06,060 I can successfully navigate back and I'm still logged in. 104 00:06:06,450 --> 00:06:11,820 And of course, let's check some awesome developers nowadays. 105 00:06:11,850 --> 00:06:14,440 We should have a info in a second. 106 00:06:14,970 --> 00:06:15,660 And of course, we do. 107 00:06:16,290 --> 00:06:17,400 Let's try one more. 108 00:06:18,090 --> 00:06:20,060 We're gonna go with worse boss here. 109 00:06:20,970 --> 00:06:22,680 Again, we're loading right now. 110 00:06:22,890 --> 00:06:24,690 Remember, that was our spinner. 111 00:06:24,880 --> 00:06:26,490 And the moment we get the info. 112 00:06:26,820 --> 00:06:33,000 Of course, we display the followers, the reporters and all that kind of course, here we can see how 113 00:06:33,000 --> 00:06:34,260 many requests we have. 114 00:06:34,650 --> 00:06:37,620 Now, the one thing that I would want to try out is how it works. 115 00:06:38,040 --> 00:06:44,030 If I use the social connection show, I'm going to log in only this time with Twitter. 116 00:06:44,500 --> 00:06:49,680 And just so I can test that out, whether I can now get on patient page and I have no issues. 117 00:06:50,140 --> 00:06:53,160 So forward slash and then hello again. 118 00:06:53,220 --> 00:06:54,950 I'm being kicked back to another page. 119 00:06:54,960 --> 00:06:55,500 Beautiful. 120 00:06:55,790 --> 00:06:57,060 And I'm still logged in. 121 00:06:57,390 --> 00:07:01,740 So once I logged out, course I'm going to be kicked back to a log in page. 122 00:07:02,280 --> 00:07:03,600 This is our application, guys. 123 00:07:03,720 --> 00:07:09,080 Hopefully everyone enjoy the project and I hope to see you in the next project.