Finished the Whole thing, This is an absolute goldmine if somebody is beginning because it covers auth,real-time communication, using UI libraries,deployment,advanced react,global state managment..etc I will now create my own projects while looking at this repo as a reference of best practices. Thank you so much man
@@djfhsusbruh6698 its because signup endpoint is of POST method, not GET, while sending request select post method in postman, or if you are using axios then use axios.post()
@@djfhsusbruh6698 check for typos(you could be writing Signup in backend and calling signup in frontend check very carefully) and more importantly save the changes you make. And try to debug the issues using console logs to check where is it going wrong step by step.
Its great man, I loved it because it teaches so much and yet leaves a lot to try by ourselves, I personally made a lot of things by myself but this video always helped me figure out things
this is first time i'm watching your video and you won my heart buddy way of explanation is so good you test your code as you write instead of writing whole application code (which confused me alot ) then test it. great brother keep it up.
Hey you are really amazing because I have learnt a lot from you. It would be great if you showed us like in a short or a short video separately how to deploy it in Vercel or Netlify. Keep doing the great stuff buddy! 💪🏻
Superb project sir, I have been follwoing this channel for a while now and I have learned a lot form you. Can expect some nextjs project next or mern project but in full typescript, it would be great to learn all of it from you. Thank you again for this amazing project learned a lot.
From the start of making front end daisy UI is instatlled and use keep a check over it and revise for further use and 2:02:00 toaster of react revise it again after completing the project
Really did you complete it As I have facing the errors of pictures and profilepic not uploaded on cloud Could you share host url , As I have doubt because it's source code also broken and hosted url is not available
Hi, I hope you're doing well! I’m a big fan of your content and have learned so much from your tutorials. They’ve been incredibly helpful in improving my skills in web development. I was wondering if you could consider creating a crash course on Next.js. Thank you for all the effort you put into creating valuable content. Looking forward to your reply!
When I try to upload the file, this error is showing. And the file is 100kb image file. How can I solve this ? "PayloadTooLargeError: request entity too large"
If its posible a Udemy clone Whit react and mern stack, no next js, only react Like you have done the other proyect, nobody have done something like that. Thanks
It's a nice project, but I have a small problem: When I write something in one message input and don't send it, and then go to another chat, it contains the previous message input.
1:23:22 res.status(500).json({ error: "Internal Server Error" }); should be res.status(500).json({ message: "Internal Server Error" }); or every other res.status(500).json({ message: "Internal Server Error" }); should be res.status(500).json({ error: "Internal Server Error" }); Just to be consistent. Since we have not touched the frontend yet in the video I do not know which so I am just going with message and will change all to error later if need be to make clientside errors easier to display by checking if error exists in the response object
@@AsK-z3t I didnt have an issue with the theme section of this video. Check the source code and compare your code if you are having issues is my suggestion. :)
Hello, I am doing all the steps in the video, I am in the check part, when I send the check request from PostMan it gives me the error: Error in protectRoute middleware: Cannot read properties of undefined (reading 'jwt') I verified the code and I have it the same as the video, can you please help me?
hello bro thanks for the detailed tutorial ... learnt a lot here ... and that too in detail ... also a req .. could you please upload the tutorial on how to handle googleoauth 2.0 i.e signin with google method .. using Jwt token ... also one more question .. isnt saving the message in our database like this a privacy issue ? how can we use encryption methods in here .. expecially in terms of images ? once again thanks a lot.
hey brother thanks a ton for the project tutorial but as i am signing up as a user its showing nothing after clicking the signup button. do you have any diagnostics for that??
i havent watched the tutorial, but cloudinary can be used as a cloud storage for media files, storing these media files in a database like mongo can significantly affect performance of the API's, so cloud storage like cloudinary, amazon s3 buckets are typically used to store media files and the URL is then stored in the DB
Can you please implement CI/CD , docker and kubernetes etc Devops part as well to these projects. Creating dockerfile, docker-compose yaml file and complete deployment is what will make these projects even more awesome. I think you already have deployed a chat app before and there is no novelty factor here unfortunately.
Finished the Whole thing,
This is an absolute goldmine if somebody is beginning because it covers
auth,real-time communication, using UI libraries,deployment,advanced react,global state managment..etc
I will now create my own projects while looking at this repo as a reference of best practices.
Thank you so much man
I am getting an error "Cannot GET /api/auth/signup" when I try to run the initial routes set up.
Did you get the same?
@@djfhsusbruh6698 its because signup endpoint is of POST method, not GET, while sending request select post method in postman, or if you are using axios then use axios.post()
@@djfhsusbruh6698 check for typos(you could be writing Signup in backend and calling signup in frontend check very carefully) and more importantly save the changes you make.
And try to debug the issues using console logs to check where is it going wrong step by step.
@@djfhsusbruh6698 has this been solved?
please tell me vs code theme name
Bro the thing i will never regret in my life is subscribing to your channel. You are really a mentor.
Appreciate it!
@@asaprogrammer_ bro can you teach us docker also
@@asaprogrammer_ will it be possible for you to make canva clone
can you please tell me.. have he used daisyUi for whole fronted?
When I log in as a new user, it goes directly to the chat page. The sign-in section does not open. Why is this? Can you help me?
At the end, you dont know how much i am waiting for this proyect. Thanck you zenzei
this is best mern stack project I have seen in TH-cam . no other youtuber shows the deployment process. Going to subscribe your channel from now.
please tell me vs code theme name
It is the first project that made me compelled to build it since i saw it.Thanx for such a valuable content and appreciating u a lot❤!!
Its great man, I loved it because it teaches so much and yet leaves a lot to try by ourselves, I personally made a lot of things by myself but this video always helped me figure out things
Back with another banger video 🥳
Great Job! 👍
this is first time i'm watching your video and you won my heart buddy way of explanation is so good you test your code as you write instead of writing whole application code (which confused me alot ) then test it. great brother keep it up.
thank you
At last the course I've been waiting for ❤❤❤
Was just scrolling on your profile , to see if any new video is there and here it is 🎉
Bro! I follow along complete video and deploy the app in production successfully. Thanks a lot❤🎉
Always the best💕💕💕💕
Omg!! you are a blessing to coding community
Hey you are really amazing because I have learnt a lot from you. It would be great if you showed us like in a short or a short video separately how to deploy it in Vercel or Netlify. Keep doing the great stuff buddy! 💪🏻
thank you so much for this. I am preparing for full stack roles. this would definetly help.
Thanks for that statement, windows fans here, and yes windows is better❤❤
Superb project sir, I have been follwoing this channel for a while now and I have learned a lot form you. Can expect some nextjs project next or mern project but in full typescript, it would be great to learn all of it from you. Thank you again for this amazing project learned a lot.
you gained a sub, hats off
This channel gonna hit 1M sub soon
One of the best channel for MERNSTACK,I have learn alot from your tutorials, Please can you do video on Blog apps,where there is admin dashboard
thanks a lot. I learnt a lot from the tutorial
Thank you, i build my another project by following you 💞
you are just genius.....out of words ......great work
Thank you bro, i have just finished and it worked well
From the start of making front end daisy UI is instatlled and use keep a check over it and revise for further use and 2:02:00 toaster of react revise it again after completing the project
This channel is the best thing ever happend to youtube, i love your voice tho.
This dude is the best
Thank you so much for this, i really like your explanation ,thank youu
Thank you
This is just what I wanted
Perfect video thanks
Amazing project. Thanks.
Bro, you're an amazing mentor! The way you explain and teach is fantastic. Thanks, brother! I completed it in 2 days with a much better understanding.
Really did you complete it
As I have facing the errors of pictures and profilepic not uploaded on cloud
Could you share host url ,
As I have doubt because it's source code also broken and hosted url is not available
@@vasusrivastav ok
@@vasusrivastav tailwindss does not print hello text to the screen, I tried everything
@@kartal-ib4gf bro tailwind is for style purpose
@@ajayupadhyay-x4m bro can you please send your repo link.
I completed this awesome project ❤❤
Amazing project
Hello, another great tutorial as always! Could you do more beginner projects? You explain new concepts way better than most courses I have paid for
Loved your videos bro, Could you start nextjs based projects
im almost done with the chat app that u made last time and today i found this video in my feed😢😢
same problem
Hi,
I hope you're doing well! I’m a big fan of your content and have learned so much from your tutorials. They’ve been incredibly helpful in improving my skills in web development.
I was wondering if you could consider creating a crash course on Next.js.
Thank you for all the effort you put into creating valuable content. Looking forward to your reply!
Thank you so much for this amazing content. Please make next time banking system
New fan from germany here
When I try to upload the file, this error is showing. And the file is 100kb image file. How can I solve this ?
"PayloadTooLargeError: request entity too large"
yes i'm facing the same issue
app.use(express.json({ limit: "10mb" }))
app.use(express.urlencoded({ limit: '10mb', extended: true }));
try this in backend index.js file
please tell me vs code theme name
did u get any solution
Thank you very much bro :)
Thanks burak , We Want Build lms courses platform with nextjs bro ❤
KEEP IT UP ❤
2:08:00 continue from here why not getting the error when filling wrong details and still its not showing the error.
You missed a simple feature of typing notification that's the only thing I didn't get on these project everything is done in amazing way
I have a trouble, render show error that sh 1: vite: not found => build failed. How I can fix this
Let's get started
If its posible a Udemy clone Whit react and mern stack, no next js, only react Like you have done the other proyect, nobody have done something like that. Thanks
Fully excited. Bro can you bring a mini ecommerce platform in Next js with payment gateway
It's a nice project, but I have a small problem: When I write something in one message input and don't send it, and then go to another chat, it contains the previous message input.
what extension did you use?the details of any library is showing nicely whle coding
.Amazing content on TH-cam🔥... Thanks alot ❤
keep it up kardes!
help bro, my login "data" and signup "data" are undefined. like (reading 'data'). help sir
🎉Bro, is not in the kitchen but he cooked ❤
1:23:22
res.status(500).json({ error: "Internal Server Error" });
should be
res.status(500).json({ message: "Internal Server Error" });
or every other
res.status(500).json({ message: "Internal Server Error" });
should be
res.status(500).json({ error: "Internal Server Error" });
Just to be consistent. Since we have not touched the frontend yet in the video I do not know which so I am just going with message and will change all to error later if need be to make clientside errors easier to display by checking if error exists in the response object
please tell me vs code theme name
@@AsK-z3t I didnt have an issue with the theme section of this video. Check the source code and compare your code if you are having issues is my suggestion. :)
Hello, I am doing all the steps in the video, I am in the check part, when I send the check request from PostMan it gives me the error: Error in protectRoute middleware: Cannot read properties of undefined (reading 'jwt')
I verified the code and I have it the same as the video, can you please help me?
I liked it 😊 please next video build freelancer websites using mern 🙂
hello bro thanks for the detailed tutorial ... learnt a lot here ... and that too in detail ...
also a req .. could you please upload the tutorial on how to handle googleoauth 2.0 i.e signin with google method .. using Jwt token ... also one more question .. isnt saving the message in our database like this a privacy issue ? how can we use encryption methods in here .. expecially in terms of images ?
once again thanks a lot.
Does anyone got the error users.map is not a function at 2:55:45
Yes 😢
Yes bro did you found any solution
@KRISH-i5h yea... just check how you are sending messages on server side in backend.!
Bro i got error in deployment
only backend part is deployed
Can you please share the Diagram you made at 30:01 it would be too helpfull to make notes for me.
1:27:45 Finalised the backend Part
53:50 Login/Logout/Singup function
🥺thankewwww sooooooo muchhhhhhhhhhh ap looking for that and i have list out 2 to 3
Very Informative video Sir,
How to Implement the Emoji Picker in text area and set the lock concept for privacy
Please guide Sir
you never declared authRoutes function 8:27. so how come you are able to import it?
What's the theme? And how the code is automatically generation? Give the both extension name plz
Thanks❤
i have run this code but i get not found error, cannot acess /get
It’s possible to make a uml diagram and the relations between classes?
Bro At the time of deployment build command not working..._! Please guide me?
hi am getting a payload error while updating the profile pic ,any fix ?
What vscode extention you use for convert folders files into icon plzz tell me
bro which vs code theme you are using?
The code is best practices and production level ? Can u give the documentation link also ?
54:14 - update
1:02:25 - cloudinary
This is so great, I love this and needed it, would you show us how to dockerize this using nginx for production?
Keep on educating us
hey brother thanks a ton for the project tutorial but as i am signing up as a user its showing nothing after clicking the signup button. do you have any diagnostics for that??
can you make video on which vscode extensions you use
How mongodb user_db ,user shown ,we create or it automatically created. Tell Step by step . How to saw stored data ??
Sechma variable name for example, Users then the function that you wanna use like Users.save, Users.create, Users.find, etc
Can you please use a components library like shadCN or MaterialUI in next fullstack app ?
he uses shadCn in his spotify clone
thanks man 👨 👨
great job
Hey What is the name of your vs code theme?
Houston - from Astro
@@asaprogrammer_ Thank you . and I've completed this app from your video.
fab project
Bro i have created this one myself just on thing is missing that is sending media i will try to implement that also in future
Can you add apart for implementano video calls and audio
welcome master
Is
this good for beginners with no react or mern experience?
experience comes with projects, but you must have knowledge of MERN stack
best to have knowledge of them first mate
thnxs bro
Can you add apart for implementing video calls , groups and emojis bcoz I really learn a lot from your videos
I wish you had added group chat option as well..
I didn't understand why u used cloudinary?
i havent watched the tutorial, but cloudinary can be used as a cloud storage for media files, storing these media files in a database like mongo can significantly affect performance of the API's, so cloud storage like cloudinary, amazon s3 buckets are typically used to store media files and the URL is then stored in the DB
@@coderblip8435 what is best options instead of cloudinary?
@@АмирланАубакиров s3 bucket, imagekit io possibly, etc
Did it have infinite scrolling
Thanks bro, can you add to this like functionality like telegram ? call, video etc... ?
when will you make projects on microservices & microfrontend? or you also dont know like me?
Can you please implement CI/CD , docker and kubernetes etc Devops part as well to these projects. Creating dockerfile, docker-compose yaml file and complete deployment is what will make these projects even more awesome. I think you already have deployed a chat app before and there is no novelty factor here unfortunately.