Build Chat App with React, Socket.io, Nodejs, Redux-Toolkit, MongoDB (2024)
HTML-код
- Опубликовано: 2 май 2024
- Learn to build a real-time messaging Chat App using React, Socket.io, Node.js, Redux-Toolkit, and MongoDB with responsive. This tutorial series covers everything from setup to implementation, offering valuable insights and practical skills. Whether you're a beginner or an experienced developer, start learning to take your React and Node.js expertise to the next level!
Subscribe now and start building your own real-time messaging platform.
__________________________
Subscribe now : @DynamicCodingwithAmit
__________________________
Code :
Github : github.com/IsAmitprajapati/ch...
Assets : drive.google.com/drive/folder...
Web Development Project :
E-Commerce with firebase : • Build a COMPLETE Fulls...
E-Commerce with MERN : • Full Stack E-Commerce ...
Full Stack (Social Media) : • Full Stack Nextjs App ...
Complete CRUD Operation MERN : • Complete CRUD Operatio...
Lodu Game Design HTML CSS : • ludo game design using...
Follow us 💖 To Touch :
👉🏻Instagram : / dynamiccodingwithamit
👉🏻Facebook page : / dynamiccodingwithamit
👉🏻Twitter : / codingamit
👉🏻Github : github.com/IsAmitprajapati
👉🏻Personal LinkedIn : / itsamitprajapati
#fullstack #dynamiccodingwithamit #mernstack #chatapp
Great content 🙌
Very nice chat, I like it.
Awesome brother ❤❤
Great! Excellent !
Great, I like it
Amazing one ❤🎉
Will you please separate backend video and frontend video.
nice
I'm from a Russian audience and I really liked the video.
I subscribed to you, a very cool channel
Your video is very good, what extensions do you use to show the bootstrap and reack snnipers?
You deserve millions of likes Sir , i just completed this 9 hour long video and to be very candid with you the whole 9 hours 20 minutes were worth watching, thanks for providing this valuable content, this is highly appreciable sir, and soon you will be in the list of top youtubers who provide meaningful and valuable content, million of subscribers is coming, get ready for the 1M subscribers 🥳🥳🥳🥳🥳🥳
i just completed MERN stack
And this is my first project
did we need to know everything he used
9 hours course, without timestamps, is a torture 😢
and the accent lol
Hahah
@@fromagetristebro see the content and logic not the accent
No lies bro🤣 but it was worth it.
Great project
did you complete it
@@darshanbhaiya8711 not yet
Have you used the caching technique here?
Nicely made a clone project really it was nice video 😊😊
module.exports = (fn) => {
return (req, res, next) => {
fn(req, res, next).catch(next);
};
}; catch async for cathing errors from all functions
What all tools and languages are used?
Hlw sir.. After completing this project, is it ready for deployment? Or need to do extra something before deploy the project?
Perfect!
Sir how can I implement the concept of read receipts in this project ?
bhai I can usnderstand why you used cloud instead of mongodb and firebase.
but why did u use cloudinary instead of aws or azure?
can you tell me how can i use this app on different devices on the SAME NETWORK, but when I change the URL from "localhost" to "ip:address" it gets me to the email page again and again. I am not able to get on the homepage
hlw sir i guess u have not shown the mobile activation part of hthe video which u have shown in the early part of the video
Mobile simulation chrome extension
This looks good. Add timestamps
This is the great app. Can you also please create a one video for deployment of this project on live with vercel or any other site?
Bro did you deploy it?
bro if the vodeos have timestamps than its must better . i hope i you upcoming videos the timestamps have
time stamp please !
Great tutorial.. Can i add it into my resume..?
Yes
bro invented something new 😅 💀 . take your medal 🏅
😅😅😅
hi .. in home components code line "dispatch(setSocketConnection(socketConnection))" for EditUserDetails.jsx error .. please cheked
It working bro, start your backend
Thanks, but I also tested in your final source and this problem was still there
Hello, I will normal create web pages with html + css + js and deploy in github, so anyone can open my webPages and work with them. Now I want to upgrade myself and want to create something like chatApp or shopping website for which we need a database , we can use firebase and deploy in github, Can we use mongoDB and deploy it as well ? so that public can use the webApp ?
It's not possible give up
at 5:49:24, token always return undefined or null no matter how i tried, please help
Token is expired, clear in the local storage
Awsm tutorial sir!
Sir, I also tried to add the feature of uploading document . The document is uploading and appearing in the chat but the receiver is not able to view the document .
My document is also getting uploaded on clodinary .
Sir, how can I change this error ?
Delete the package-lock.json and node_module then again installed it npm i
@@DynamicCodingwithAmit Thankyou for your reply sir but there is still some error.
When the document is appearing in chat , it is not opening . It is redirecting to a cludinary website and then the document fails to load.
But when I check my cloudinsry db, the document was uploaded there and is visible also.
But it is not accessible by chat .
Very nice tutorial sir!
But sir i am unable to edit the profile picture, it is showing error .
What should I do ? Please help
can you share the error screen shot on the instagram
@@DynamicCodingwithAmit ok sir
i am here bro
stay connected
Please make a video, how to host this
@@pallavighevade7673 U want my atlas link?
Nice video but where is the MERN diagram URL in the description...?
sir the server side keeps crashing- jwt expired. what should i do? pls help
if condition when the jwt expired then clear then token from the localStorage
@@DynamicCodingwithAmit sir how to do that? pls help
uesrdetail api kam nhi kr raha hai
only login user , then it work
bro help me i am facing an issue when typing a password :-Cannot read properties of null (reading 'password')
Are there many errors? I want to do this as my final year project.
@@ababakr_asa bro everything is fine u can go for it
2 hour :18 minute how you using process.env on Client side ??
create .env file and inside that key and value make sure that start with prefix REACT_APP_ . and after that where you want to use it give the process.env.REACT_APP_
When any change in the .env run the react app again
@@DynamicCodingwithAmit if I want to that part in the backend is it good ??
Bro token is undefined, we can't update user details, please fix it
Token expired remove from the local storage
@@DynamicCodingwithAmit ok. Bro you forgot about fogot password section
@@DynamicCodingwithAmit please do a video about how to host this in vercel, render, netlify etc
@@josephliyon7954 bro do you know how to clear token from local storage?
@@DynamicCodingwithAmit bro how to remove from the local storage
Photo uploaded sexually ✅ Successfully ❌ 0:14
😂😂 Just kidding
Good project brother 👏🏼
very bad code almost everywhere using try chat instead of configuring catchAsync util and u are using messages reference inside of chat so let me epalin this way : mongoose have object size limit so affter certain messages writed it wil excess the limit so instead of that just use virtuals populate
Thank you sir share you idea, i will improve it
Кто тоже дз nFactorial'a по туториалу делает? ахахахах
я этим занимался, все не делают этого элементарно