1
00:00:00,910 --> 00:00:02,260
Hello and welcome to the project.

2
00:00:02,800 --> 00:00:06,520
So now in this project, we've seen how to build and chart application.

3
00:00:08,060 --> 00:00:13,400
From scratch, using the actress said on this chat application, we can log in with users, chat with

4
00:00:13,400 --> 00:00:18,650
other users and also the data that we collect, all the messages will be saved in the database of React

5
00:00:18,650 --> 00:00:19,180
checking them.

6
00:00:20,690 --> 00:00:26,480
So the first step is to project set up and then will be annoying about the React chat engine and then

7
00:00:26,510 --> 00:00:29,630
redesigning the chat with my message and their message components.

8
00:00:29,900 --> 00:00:33,680
Message, form and login form are also the components Axios will.

9
00:00:33,830 --> 00:00:39,500
Axios is used for rest API thing for the get and post request and then finally will complete the project.

10
00:00:39,920 --> 00:00:42,860
So these are the step by step process that we're doing this project.

11
00:00:44,360 --> 00:00:50,780
The frameworks and technologies that you will learn from this project are react champignon Xia's reactor

12
00:00:50,780 --> 00:00:54,050
drops use diffuse effect and other state looks.

13
00:00:54,410 --> 00:00:58,430
And also, you can see how to implement the log in authentication using local storage.

14
00:00:58,820 --> 00:01:05,630
So basically, in this project, we will see more business logic going like there are many statements

15
00:01:05,630 --> 00:01:09,200
like conditional statements made were cancel everything based on logic.

16
00:01:09,530 --> 00:01:12,380
So now I want to see how the website finally looks like.

17
00:01:13,100 --> 00:01:14,900
So this is how the website finally looks like.

18
00:01:15,140 --> 00:01:16,100
This is the log in page.

19
00:01:16,670 --> 00:01:22,730
So I have a user called John and his password is for the first six letters of the keyboard.

20
00:01:23,980 --> 00:01:26,220
And again, he can't charge a stock check and.

21
00:01:27,300 --> 00:01:31,740
So you can see already, John is starting with Trump.

22
00:01:31,770 --> 00:01:34,110
You can see there is a group called B over here.

23
00:01:34,350 --> 00:01:37,210
And then there are two members inside the team group.

24
00:01:37,230 --> 00:01:38,160
There's a John and Drum.

25
00:01:38,160 --> 00:01:43,110
You can also see the people that are present, or you can see the photos that they shared in this group.

26
00:01:43,710 --> 00:01:45,030
And the options like shopping.

27
00:01:45,210 --> 00:01:48,540
So you can also send messages, also images and videos.

28
00:01:49,410 --> 00:01:54,060
You can see, since I logged in with John, you can see John as this online symbol, Romney's off line.

29
00:01:54,420 --> 00:01:55,730
So if you want to create a.

30
00:01:56,770 --> 00:01:58,530
New group of testing.

31
00:01:59,700 --> 00:02:03,780
So you can see a new room for testing is created, and you can also add people over here.

32
00:02:04,050 --> 00:02:07,920
We can use that for like chatting with our friends and everything.

33
00:02:07,920 --> 00:02:11,490
We can do this using the React Chat Engine API that Lindsey out doing this project.

34
00:02:11,970 --> 00:02:15,840
So this is the final version of the project that we are going to build off by the end of all the various.

35
00:02:16,440 --> 00:02:21,570
I hope you will be thoroughly enjoying in the process of building this project, potentially in the

36
00:02:21,570 --> 00:02:22,080
next three to.