-
039 Create project
00:58
-
040 Create components and routes
06:51
-
041 Create userContext
04:22
-
042 Add a navbar
04:40
-
043 Add a create room form
04:02
-
044 Add the room list
04:21
-
045 Prepare for the server side
02:13
-
046 Add the submit function to the client side
04:39
-
047 Receive the room name at the server side
02:30
-
048 Pass the room name and id from home page to chat page
02:38
-
049 Join the chatroom
06:04
-
050 Create other helper functions
02:00
-
051 Add send message function
03:28
-
053 Receive messages by other clients
02:37
-
054 Setup the mongoDB Atlas
02:52
-
055 Connect to mongoDB with mongoose
02:07
-
056 Create room model and save to mongoDB
03:00
-
057 Listen create room event at client side
02:12
-
058 Load the rooms data from MongoDB
01:56
-
059 Save the message to mongoDB
02:47
-
060 Pass the data to the message component
02:44
-
061 Create message component
01:42
-
062 Add css to message component
03:41
-
063 Create Input Component
03:14
-
064 Add css to messages component
01:51
-
065 Add routes and controllers to server
04:37
-
066 Apply the express middleware
01:44
-
067 Sign up and create user
04:13
-
068 Custom errors
04:05
-
070 Deal with the duplicate account error
01:33
-
071 Mongoose hook
03:05
-
072 Hash the password
02:09
-
073 Create route to Login and Signup page
02:07
-
074 Detail the signup page
02:32
-
075 Add the function and error messages to the signup page
03:40
-
076 Set and get cookies with options
05:16
-
077 Signup page Call signup api from client
04:19
-
078 Create JSON Web Token
03:37
-
079 Display error message
02:49
-
080 Redirect to homepage after signup
04:31
-
081 Create the login page and login function
06:34
-
082 Verify the user with the JWT Token
04:57
-
083 Create the logout api
03:50
-
084 Conditonal rendering
04:52
-
085 Finally remove unnecessary functions
00:37
