Mern Chat app project for beginners: build an app with MongoDb, Express, React and NodeJS

preview_player
Показать описание
01:13 Upload the Profile picture
12:35 React Router
12:45 Install React Router
12:53 React Boostrap
14:59 Navigation
18:44 React Router Bootstrap for routing
22:38 Home Page
27:55 Create a login page
41:46 Validate Image
44:56 Control Form
51:51 Create an upload Preset
55:18 Sign up JS
1:03:52 Build a message form
1:09:36 Mongodb atlas
1:10:06 Create a new Database User
1:13:20 User MOdel
1:14:11 User Schema
1:17:51 Routes
1:28:48 Postman
1:32:55 Services
1:38:16 Redux Store
1:38:31 State Management
1:51:15 Install Redux Devtools
1:53:15 handle signup
1:57:55 navigate to the chat
2:08:33 disable the form
2:09:16 hide available loops
2:18:11 message model
2:38:13 send messages
2:52:33 logout
2:55:36 logout from the navigation
2:56:29 messages out
3:06:09 sending a private message to a user
3:11:13 notifications
3:13:52 Back End
Рекомендации по теме
Комментарии
Автор

01:13 Upload the Profile picture
12:35 React Router
12:45 Install React Router
12:53 React Boostrap
14:59 Navigation
18:44 React Router Bootstrap for routing
22:38 Home Page
27:55 Create a login page
41:46 Validate Image
44:56 Control Form
51:51 Create an upload Preset
55:18 Sign up JS
1:03:52 Build a message form
1:09:36 Mongodb atlas
1:10:06 Create a new Database User
1:13:20 User MOdel
1:14:11 User Schema
1:17:51 Routes
1:28:48 Postman
1:32:55 Services
1:38:16 Redux Store
1:38:31 State Management
1:51:15 Install Redux Devtools
1:53:15 handle signup
1:57:55 navigate to the chat
2:08:33 disable the form
2:09:16 hide available loops
2:18:11 message model
2:38:13 send messages
2:52:33 logout
2:55:36 logout from the navigation
2:56:29 messages out
3:06:09 sending private message to a user
3:11:13 notifications
3:13:52 back End

ahmadzuhdi
Автор

Man this video is actual gem. Learned lot of things from this one video

manimaran
Автор

having a prob with notification, working with it since yesterday but no good. Same with the private messages. Good vid. Actually im applying for intern and im gonna pass my work using this guide.

fallenZero
Автор

Great tutorial. Do not worry about the issue with the audio towards the end ... people can add cc and follow along.
Trying to figure out the notification part that is not working for me.
Thanks!

fepaiva
Автор

Can I create a new room in this project, if not please add, no video has this functionality on YouTube

kumar_sanjeevdutta
Автор

Omg beautiful 🤩 I can’t wait to start coding with you noice

Muhammed-nani
Автор

Is it possible it can make this using windows and which text editor can i use please

KatombelaHaggai
Автор

very clever you are keep going to upload new videos

loverphp
Автор

Sir it's showing users.insertone()` buffering timed out after 10000ms how to fix

shellbng
Автор

so that chat history/messages not presistent on our database, but it only stored in our localstorage? but what if i deleted the localstorage? what i am trying to convey is, how can i change from the localstorage to store messages presist on our database? so that i wont rely anymore on our localstorage.

poknari
Автор

Anyone figure out how to add rooms? where do i place my app.use rooms and routes to create rooms?

markalot
Автор

At 1:55 iam getting corb problem and getting bad request problem I followed same that you done but iam getting same problem please help. Me

besspallysaikiran
Автор

I just want to ask how to sort out the error notifications ...

bhushankheryt
Автор

Hi, undefined is loging to the console instead of the image cloudinary url in the signup file .can someone please help me with that?

nyenpandijosephinebroplehh
Автор

Compliments for video, nice app. Some advices for uses the buttons create of menu user, for change password and profile image?

vindiesel
Автор

Hello sir, I'm doing a Chat project with Socket, but I am facing a problem that I cannot transfer data socket.on('new-user') to the client, please help me.

nhatminhnguyen
Автор

need help, how do i create rooms and show list

markalot
Автор

what is the point redux-thunk And why did you use it?

hatsu_dz
Автор

Hi bro, how to this chatapp project deploy please upload video

venkateshs.p
Автор

absolute beauty ..nice video..but when i split screen one for vscode and one for youtube then it becomes so hard to read, ,,for next video just increase ur fontsize of vscode

yoguy
welcome to shbcf.ru