1 00:00:01,080 --> 00:00:05,850 We came to the end of the project, so we have to do the smaller corrections and also check whether 2 00:00:05,850 --> 00:00:07,320 the app is running fine or not. 3 00:00:07,770 --> 00:00:11,630 So here, as you can see, I did a typo I click didn't start. 4 00:00:11,640 --> 00:00:14,190 It should be the chart idea that we are restructuring. 5 00:00:15,260 --> 00:00:16,010 From the props. 6 00:00:17,190 --> 00:00:17,980 So I know that. 7 00:00:18,940 --> 00:00:19,570 Chart it. 8 00:00:19,930 --> 00:00:23,800 So once this is done, just open the reactor app and then refresh a. 9 00:00:25,600 --> 00:00:30,340 You can see we have got a message with attachment and then they send a submarine button send button. 10 00:00:30,850 --> 00:00:35,800 The people are only John, so what we'll do is slap back some other people like I have created a RAM 11 00:00:35,800 --> 00:00:37,960 account with the password one two three four five six. 12 00:00:38,260 --> 00:00:40,410 I will add them inside this testing Typekit. 13 00:00:40,870 --> 00:00:43,520 So add members Admiral Abraham. 14 00:00:46,620 --> 00:00:48,480 So one day I remembered you refresh. 15 00:00:48,810 --> 00:00:54,320 You can see on the right and people of this chart group, you can see that I'm at it. 16 00:00:54,720 --> 00:00:55,920 But the army is offline. 17 00:00:55,950 --> 00:01:03,210 So that is why he's having a as you can see, the red color symbol of red and green colors, and you 18 00:01:03,210 --> 00:01:05,910 can send the messages below inflation. 19 00:01:11,310 --> 00:01:14,940 You can see there is an that already objects are not that it doesn't react child. 20 00:01:16,000 --> 00:01:18,250 Found object with gifts, fraud by running, mate. 21 00:01:18,710 --> 00:01:22,030 Yeah, so that's something that we have to do in the final step of the project. 22 00:01:27,860 --> 00:01:28,960 No, I'm not jealous. 23 00:01:29,450 --> 00:01:32,300 As you can see, we are directly rendering the injured. 24 00:01:32,780 --> 00:01:35,420 So we have read logic for rendering the log form. 25 00:01:35,810 --> 00:01:37,160 If the user is not registered. 26 00:01:37,880 --> 00:01:41,750 So let me open that here before returning. 27 00:01:42,960 --> 00:01:48,660 We have to run the log in front of the user is not the user is not present if he's not present in the 28 00:01:48,660 --> 00:01:49,530 local storage. 29 00:01:56,370 --> 00:01:58,260 If the user name is in the local storage. 30 00:01:59,270 --> 00:02:01,160 Then we'll return log in from. 31 00:02:10,360 --> 00:02:12,340 So we have to import the log in from here on some. 32 00:02:28,130 --> 00:02:29,490 I mean, from guests. 33 00:02:39,510 --> 00:02:42,950 So as we have done this, there are a few more that this means that. 34 00:02:45,690 --> 00:02:48,450 There's is a small bug that we didn't hear about coding. 35 00:02:48,750 --> 00:02:55,770 So instead of set to use username like I have, I have a hard up capital and nobody else will make it 36 00:02:55,770 --> 00:02:56,400 the smallest. 37 00:02:57,880 --> 00:03:05,020 So that is one area that we did, and in our dodges he had instead of local storage and or I don't think 38 00:03:05,230 --> 00:03:05,590 so. 39 00:03:05,620 --> 00:03:08,350 Change this to earnings and then we are ready to go. 40 00:03:08,780 --> 00:03:13,960 So then again, from are rendering in that audience, if the local street is empty, it does not contain 41 00:03:13,960 --> 00:03:17,860 any user name that it does not have the record of any user logged in. 42 00:03:18,310 --> 00:03:21,310 So then we are we are using the log in from rendering this company. 43 00:03:21,610 --> 00:03:27,500 And when the user log in logs in with current credentials, he can use the shopping chart with the group 44 00:03:27,640 --> 00:03:28,000 numbers. 45 00:03:28,960 --> 00:03:32,920 So as you can see, we have completed the coding, but let's check whether the app is working or not. 46 00:03:33,850 --> 00:03:34,960 So when we refresh it? 47 00:03:36,820 --> 00:03:38,940 We can see we have got a chart application. 48 00:03:39,400 --> 00:03:42,170 So I'll be using user name Adam. 49 00:03:42,880 --> 00:03:44,770 The password will be one two three four five six. 50 00:03:45,070 --> 00:03:50,290 Keep strong passwords for you seven years, but testing purposes and using simple password stock chatting. 51 00:03:52,570 --> 00:03:53,500 So you can see. 52 00:03:56,440 --> 00:03:57,280 Inspect element. 53 00:04:02,310 --> 00:04:06,810 What application in the so that you can see the username and password one two three four five six. 54 00:04:07,350 --> 00:04:13,470 Now if I refresh it, since it is present inside the storage, it is rendering that. 55 00:04:14,850 --> 00:04:18,600 It's not preserved inside the storage and clearing the storage and then refreshing. 56 00:04:18,600 --> 00:04:21,510 It is rendering the log in for my log in with John. 57 00:04:25,660 --> 00:04:30,070 Can tell you interview John and his password created and then letting the page. 58 00:04:32,420 --> 00:04:34,850 So this is all we can do, the logging, but. 59 00:04:36,400 --> 00:04:37,090 Of the website. 60 00:04:37,450 --> 00:04:43,270 So with this we completed, we can send messages as images if you click on image, we are getting like 61 00:04:43,270 --> 00:04:49,220 this a folder where we're going to send images, you can send them and then you can send messages to 62 00:04:49,820 --> 00:04:50,970 and you can test those. 63 00:04:51,460 --> 00:04:56,080 So with this, we completed the chat application basically throughout the. 64 00:04:57,180 --> 00:05:02,630 Of course, throughout the project, we have used many different items like and design icons to react 65 00:05:02,630 --> 00:05:09,980 to convince Axios and the logic behind my message, their message, chat log in form and everything 66 00:05:09,980 --> 00:05:14,690 that I've done to see if the status or the status of everything, all the buttons and forms. 67 00:05:16,400 --> 00:05:22,280 So this is the end of the project we completed, building the chat application some sort of advance 68 00:05:22,310 --> 00:05:29,330 using the actual content, and you can find the code files in the resources section and you can check 69 00:05:29,330 --> 00:05:32,780 them if you have any doubts if you are getting any errors while building the application. 70 00:05:33,600 --> 00:05:33,990 Thank you.