This video is what I hoped a udemy course would be like. They are usually outdated and either too fast or too slow. This one is just amazing. All the libraries are exrtemely useful. This is objectively the best tutorial. Easiest sub of my life
@@hirahanif8573 I just got to the part you're talking about, I don't think we need to worry about that now as he is just showing us how it would look like and how it works. Instead, you should focus on continuing with him for the rest of the video where I presume he goes through how to create the frontend and connect it with the backend.
Firstly, Ed - your workmanship is amazing. Your tutorials are of premium quality - please consider adding a "donate" to your videos, saying just thank you does not feel like it’s enough. Secondly, I picked up something that I believe you should update in future videos - as of version 4.16, ExpressJs has a built-in body parser meaning the "body-parser" package is no longer required. bodyParser.json() and bodyParser.urlencoded() should be replaced with express.json($ and express.urlencoded() respectively. 11:54-12:10 thanks once again.
Dude that's some insane level of coding you have done so far in this project and personally I really loved the UI you created so you didn't only implemented feature's but also took time to work on fluid UI which looks production level ready with minor tweaks. Although I understand there are many things left like - comments, search user, notifications, viewed my profile, share button, etc but I understand that would have made course video more than 10 hours. I will definitely take this as challenge to work on them and continue developing them further more. Thanks again for super easy explanation with complex codes with all latest libraries and tech stacks...
Thanks for this tutorial! I went from literally not knowing anything about React and Redux to being able to add more functionalities (posting comments, notifications, etc). It's not recommended to learn something by taking on super complex projects at the start but your tutorial really fast-tracked my React journey. Appreciate it Ed :)
@@melchizedek79 thank you but a student can only learn as fast as how effectively a teacher can teach. in this case Ed’s tutorial did a lot of the heavy lifting
Thanks, man! This is amazing, I just finished it and it runs! One note to others: install react-scripts using npm install react-scripts --save I kept getting errors because I didn't have this installed. I'm using it as a jumping off point for my own project. I'm very much not a web developer, so this was a really useful tutorial.
Very humble tutorial..really learned new and long pending clarifications from this course. Authenthication,Authorization,Jwt,Mongodb ...many are ...thank you very much for your time and efforts.
Remember guys, to get the OUTPUT of navbar at 2:47:00 you need to remove const fullname at line 42 of index of navbar and all values too which include fullname as it is required and the first scene he creates is Navbar, and after seeing the output, place everything same as it was before..
how you doing, i hope you can help im stuck at this section i even copy and pasted navbar/index.jsx from the github but nothing is appearing on the :3000/home but when i get rid of most of the code socipedia logo appears but as soon as i add in the rest of the code. it will go back to being a blank page. no errors show but when i check inspect element it mentions the fullName but i remove them and still nothing shows
@@adamwaleed8400 Hey buddy, not sure exactly from your description. But comment everything out, and then comment back in, line-by-line if need be, until you find what's causing the problem. YOu can also copy-paste parts from Ed's code until you find which part makes the difference.
@@idanlib yeh i managed to do that and it came down to dispatch(setMode())} > {theme.palette.mode === "dark" ? ( ) : ( )} if i remove everything in between icon button it just goes back to being white if i put and only this it still goes blank however if i remove the icon button and add that line somewhere else it then comes back to the screen. i really hope you can help been stuck on this for a while
thank you ed ! i managed to finish and follow along with this tutorial, had to search through the comments sometimes for general bugs that everyone encountered, but the app is working just like yours. this was my first "trendy" full stack app with MERN or any other trendy stack and you helped understand a lot more how these frameworks and enviroments come together! many thanks
Bro if we follow the tutorial will we be able to finish it....what I mean is there are a lot of comments saying it does not work in the end as there are a lot of bugs that are occurring even after following this tutorial line by line
Someone has literally a guide on udemy on this for 15$ Worth the pay but insane you are putting this knowledge out there completely for free and everyone to learn. Just discovered your channel as i am learning Angular, Vue and react this is so valuable to me instantly subscribed. Thanks Ed
I don't consider helping people learn regardless of financial status insane. What's insane is that U.S. higher education institutions charge about 50x more than most countries, where every citizen has a right to education without financial restriction.
Thanks for this course this a REAL fullstack tutorial since youre explaining everything including the styling unlike Javascript Mastery who just installs a bunch of packages without explaining and copy-paste a bunch of css/js styling without explaining 'so we can focus on the logic BS".
Amazing video! I just completed the project following this tutorial and got to learn a lot. Thanks Ed! For viewers: If you're thinking whether or not to do this project by following this tutorial, just go for it.
Hands down one of the best tutorials, other tutorials got me cross eyed, but this was so clean. I always struggled with the backend, especially hated authorization, but now I feel confident to build my own project. Thank you!!
Thank you so much for this incredible content! Just an idea, add chat ( friend to friend and group chat) plus dashboard for admins in this "social media" app. I think if nothing like this out there. Again, thanks for your work. subbed
There are a lot of good teachers out there, but sometimes even when they try to explain/simplify code for you, they end up overcomplicating things using big words, and fancy terms. You on the other hand, you make it so easy to grab and understand, an example is when you explained reducers, and even you your said you're not sure why they use fancy terms to describe it😅, those were the issue for real. I'm glad I came across your videos, you made it so much easier for me to understand things that were giving me issues. Cheers 🥂
Awesome Project and superb way of explaining things... I really like his teaching and because he is in Tech for a Decade , he is extremely good with his code quality and presentation
Remember to see the output at 2h:47m in this video ,the output of navbar because the user has not connected the backend line 42 in navbar(index.jsx) will show a big error so place it with a dummy value just for the output and then re do the code as it was it will work fine when the backend is connected :Thank me later
I had one more thing , I am facing an error @ 3hr:28min also email cannot read properties of undefined and same with password Please help ASAP I really need to finish this and apply for jobs.
OMG!! I'm doing this tutorial and I'm feel like a young studen againg, I love that emotion to make me love this carrer, I call it "The Fire", I'm learning a lot, thanks for that, bless
Thanks for your tutorial. One suggestion is for projects like this, from my point of view, the project could start from the front-end build first, then the backend. However this project starts from MongoDB, Router, and Redux, sometimes it makes me feel what the specific code snippets are used for without any UI even though you showed the actual UI you already implemented, but the users who follow this tutorial don't. From a front-end developer point of view, it sometimes makes me confused
For the last few months i have developed a new way of learning. That is to watch the demo of the project and build it on my own. It has helped me so much. But before that you must follow along someone who explains the code really well to understand the basic concepts.
If you're working with the Navbar and encounters errors like "MUI: cannot setup LIGHT mode" in the dev console, in the themeSettings function, change { pallete: { mode, ... } } to { pallete: { type: mode, ... }} . It works for me.
heads-up for anyone about to start this video. this is not a build-and-learn lesson. you won't be building and testing one component at a time. This is a copy-paste from a ready-made application that won't work until everything is put together. this can cause some frustration for anyone who has a bug with 10-plus files that haven't been tested yet. I'm not saying you won't get anything form this, but be aware.
Maybe this is not a popular opinion, but youtubers gotta stop doing that "method"... if you're gonna create a project for people to follow along you should go back and forth creating features while you need them. Not BEFORE you need them. Saying "oh, I'm just gonna create this entire file page and import stuff I haven't even created because we'll use it later on the frontend" and not debugging and showing what kind of data and why you need to format it, honestly, it's a waste of time. All I feel doing this tutorial is "I'm copying some dude online while he's copying his notes himself". 4/10
The biggest problem with this tutorial is that he will write the full code for a feature or let's say homepage and only then will he see if the code is working or not. It becomes hard to debug the code later on. Now I have this problem where I create a new post and the posts suddenly becomes undefined and I need to refresh at least once for the posts to displayed.
A small enhancement at 1:06:10, instead of using multiple api call, you could have used '.populate' feature of mongodb, since you already have the ids of friends in an array.
Hello Ed. Really its a great tutorial. I got the finish and I learned a lot. Why don't you make a second part with all the functionalities working?...Thanks!!!
For people stuck at 5:07:20 in the video with the error: friends.find is not a function at Friend (Friend.jsx:22:1) like me 2 days ago, the error comes from the database, because Steve Ralph does not have password( don't ask me why, idk). Solution: copy field password and paste it in the Steve Ralph or whatever user you want in database, or create a new user and add new post, this new user can add friend normally.
for me it have a password, but it still doesn't work. I've used it with Array.from(friends), but it doesn't patch, gives error 404 not found, any ideas?
@@vnm_8945 first, use console log to check whether it has array list or not. Second, using diffchecker to check whether you have any typos, lack of code or not. Third, try to create a new user by sign up, then create new post by that user, and try to follow new user using your existent user.
Please for your next videos, when styling the front end, do it bit by bit, not building the whole page at once, it hard to piece together what each codes do, the only part I enjoy the most was the backend, frontend became confusing especially for someone like me that just started to learn about material ui
I see that you also carry out web3 projects it would be really great if you could offer us this type of project. You explain your code very well so it would be very easy for those who want to learn how to create Dapps (And there are many of them). 👍
Hey EdRoh, you have build a great project, just loved it. But I think you missed something important i.e. the user cannot add comments to any of the post from frontend. I guess that's the major functionality of any social media app, to be able to like and add comment to any post. If you have implemented somewhere please share. Thanks
In case anyone has the error when trying to start up the server: "MongoServerError: bad auth : authentication failed did not connect". Remember the password is the one you created for that specific db, not your mongodb account password.
This was a great video Ed, thanks so much! I read a lot of comments below about deployment and if you decide to take that on, I would be so interested in watching. After trying a bit myself, I noticed that there is a security vulnerability in multer as it depends on dice and it currently doesn't have a fix. If you know any industry standard replacements for multer, I would enjoy seeing how that would be implemented in the current structure you have! ~
thanks for the video, really enjoyed watching it. Just a thought but when you're working on the FE content, It would be great if you can render after completing certain sections of the page instead of writing a huge chunk of code in one go and rendering it at the end as it can be difficult for people to understand what each section of the code is doing.
Do you think you could do a video showing you building an App (with MERN for example like this), but at the end you actually show us how to deploy the App. I find nearly all tutorials don't show the deploying part, which can be the trickiest thing to do. Thanks
hey, I will be working on figuring out the best options for deployment on the next videos! been a long time in my back log to figure out the optimal way so I'll be approaching that next
@@EdRohDev Thanks, if you could do a project which has deployment I'd find that so useful. None of these clones / projects show the deployment part & therefore if I do the project I can't deploy them. Thanks for the reply.
@EdRoh : Is it really beginner course? I am a beginner and to be honest I found it little overwhelming! Bdw, in the next project can you show how to use Passport for third party authentication ?
@ 2:09:02 truest shit man, I've watched a lot of tutorials and I usually use them as a way to jump start a much more complex project and it always sucks when they throw bunch of cutting edge/unproven packages at you which really can box you in further down the road.
To get the output of Navbar after its creation at around 2:47:03, Simply replace the value of fullName with user === null ? "Default User" : `${user.firstName} ${user.lastName}` This won't break your code when you are trying to see the output of your navbar where the code breaks because it requires some value for fullName which is supposed to be pulled from backend when a user logs in but currently as we haven't made further progress in respect to registering and logging in a user so user's value always remains as defined in state file i.e null.
Hello, I discovered your channel and subscribed recently. 🎉 I find the project really great and you explain very well the code you write it's really great to learn. I wanted to know if once the project is finished it is possible to deploy it on Vercel for example? Thanks
Did you deploy it on Vercel ??? If you did then please say what did you use to deploy. I think only the front-end part can be deployed over Vercel and you can use Render to deploy your backend part.
@@RahulKumar-xl3ddI will be deploying it in the coming days, will let you know, I did deploy a similiar MERN project last week and it works really good. You need to deploy backend and frontend there separetely (check a guide on how to deploy a mern project or vercel). then replace all the frontend localhost paths with your deployed backend server. and a vercel.json config file added to backend / server
@@RahulKumar-xl3ddAlso a very good tip for deploying, first try deploying a simpler page, maybe just an mern app or dumbed down version with one api get call to show posts or something, much easier to catch mistakes than on an entire huge project for the first time using vercel
One thing you could hav dont that, when you're showing the working of API from the frontend which is not yet explained in the video (it's sometime after), You could have show the working from like Insomania or ThunderClient so that we could understand better the working of the API.
Just starting this tutorial, after watching first chapter, I think my journey with this video will go very well as a beginner. thanks for adding redux , sir. take love from Bangladesh.
@@hirahanif8573 I have faced this same situation too. He should not go through this as because we do not have that front end code and it distracts the concentration from the tutorial.
can you tell me @ 40 min he connect front end with backend when he created this frontend and how connect it with backend also is this frontend code is on github ?
@@hirahanif8573 he was testing the backend with frontend he already made , so if you are starting with backend and have no frontend , you can testing using postman or any such tool to test your API's .
Really annoying the fact that you had things prepared off screen and beforehand. As we follow the tutorial, we can not test the written code and can't know if we made a mistake somewhere or not. It feels like you are walking in the dark.
Hi Sir, So as a beginner Its a great project to learn. And thanks to your teaching i learnt a lot. Though the only issue i faced is posts.map So .map is throwing an error when it states posts.map is not a function. I thought this error must only be in my code as i was not able to resolve it. But then I downloaded your code from github and tried running it in my local system and the same error is there. as per my understanding This is happening if we login to website first time and we don't have any post I think this is the reason. Can you let me know if that is correct.
![F.HERO Ft. JSPKK x ลำไย ไหทองคำ x M-PEE - ไม่สนิทบิดหมด (Thai Riders Anthem) [Official MV]](http://i.ytimg.com/vi/kPJZ0UihBfk/mqdefault.jpg)
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.15 (3/4)](http://i.ytimg.com/vi/IVwR87OH0_A/mqdefault.jpg)
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.15 (1/4)](http://i.ytimg.com/vi/TLBjiHvkKtE/mqdefault.jpg)
Hey everyone! Questions and Discussions about this project can be asked here in discord: discord.gg/2FfPeEk2mX
after finishing 5:06:17 It says posts.map is not a function is there any way to fix this??
@@infinity7635 you can wait posts like this {posts && renderPosts()}
@@huyangnhat4959 Hey can you elaborate please, i am new to react and i am facing the same issue.
@@infinity7635 Did you find the solution?
@@pepegachamp684 Make sure you get data is a array! It will not error
After watching lama dev i have found your channel. You are also teaching such a big project very easily. Thanks for your time&efforts.
Totally agree bro
bro can this project be deployed?
CAN THIS PROJECT BE DEPLOYED? if yes where?
True
me too 😅✌🏻✌🏻
This video is what I hoped a udemy course would be like. They are usually outdated and either too fast or too slow. This one is just amazing. All the libraries are exrtemely useful. This is objectively the best tutorial. Easiest sub of my life
Bhai Ye project ko follow karu toh complete hojayega na... Like baad mai Pata Chala Koi connection Karna ha par isme nhi dikhaya ho?? Bas Puch raha hu
@@hirahanif8573 Have you figured out?
CAN THIS PROJECT BE DEPLOYED?
do u suggest me starting this tutorial without any knowledge in backend side ?
How to run the project?? Please help me
The amount of value in this video is insane! Thanks Ed!
@@hirahanif8573 I just got to the part you're talking about, I don't think we need to worry about that now as he is just showing us how it would look like and how it works. Instead, you should focus on continuing with him for the rest of the video where I presume he goes through how to create the frontend and connect it with the backend.
CAN THIS PROJECT BE DEPLOYED?
@@hirahanif8573 he was making an assumption and had not even created the frontend by 40:00 he does it later in the video
Firstly, Ed - your workmanship is amazing. Your tutorials are of premium quality - please consider adding a "donate" to your videos, saying just thank you does not feel like it’s enough. Secondly, I picked up something that I believe you should update in future videos - as of version 4.16, ExpressJs has a built-in body parser meaning the "body-parser" package is no longer required. bodyParser.json() and bodyParser.urlencoded() should be replaced with express.json($ and express.urlencoded() respectively. 11:54-12:10 thanks once again.
@@hirahanif8573 CAN THIS PROJECT BE DEPLOYED?
@@allindiachannel2290 yup
Thanks for pointing out this. I was confused!
this is unreal been looking for modern fullstack apps tutorials this past year, thanks a lot man!
bro can this project be deployed?
or i have to make changes in the project please help
CAN THIS PROJECT BE DEPLOYED? if yes where?
@@allindiachannel2290 of course you can deploy it, pick any provider. Vercel is pretty easy to use.
the presentation of the project at the beginning is so good! now I know exactly what to expect, perfect! thx!
Dude that's some insane level of coding you have done so far in this project and personally I really loved the UI you created so you didn't only implemented feature's but also took time to work on fluid UI which looks production level ready with minor tweaks.
Although I understand there are many things left like - comments, search user, notifications, viewed my profile, share button, etc but I understand that would have made course video more than 10 hours.
I will definitely take this as challenge to work on them and continue developing them further more.
Thanks again for super easy explanation with complex codes with all latest libraries and tech stacks...
hey stark when did you start coding, thought you was a mechanic?
😂😂😂
Did you implemented those features you talked about?
Thanks for this tutorial! I went from literally not knowing anything about React and Redux to being able to add more functionalities (posting comments, notifications, etc). It's not recommended to learn something by taking on super complex projects at the start but your tutorial really fast-tracked my React journey. Appreciate it Ed :)
Wow! You must be a fast learner
@@melchizedek79 thank you but a student can only learn as fast as how effectively a teacher can teach. in this case Ed’s tutorial did a lot of the heavy lifting
What are you using for posting comments and notifications?
hey i know nothing about react and redux. i only know a bit of node and express, is this tutorial ok for me?
Dude I hope your channel grows up, cuz the value and the quality content you are giving us deserves it! Thank you
CAN THIS PROJECT BE DEPLOYED? if yes where?
@@allindiachannel2290 yes, railway for example
Thanks, man! This is amazing, I just finished it and it runs! One note to others: install react-scripts using
npm install react-scripts --save
I kept getting errors because I didn't have this installed.
I'm using it as a jumping off point for my own project. I'm very much not a web developer, so this was a really useful tutorial.
Very humble tutorial..really learned new and long pending clarifications from this course. Authenthication,Authorization,Jwt,Mongodb ...many are ...thank you very much for your time and efforts.
Remember guys, to get the OUTPUT of navbar at 2:47:00 you need to remove const fullname at line 42 of index of navbar and all values too which include fullname as it is required and the first scene he creates is Navbar, and after seeing the output, place everything same as it was before..
Exactly. Or put a dummy value, e.g. "first last" hardcoded, to see the navbar.
@@idanlib definitely helped haha! If you don't do this, you'll get a very large error. Thank you!
how you doing, i hope you can help im stuck at this section i even copy and pasted navbar/index.jsx from the github but nothing is appearing on the :3000/home but when i get rid of most of the code socipedia logo appears but as soon as i add in the rest of the code. it will go back to being a blank page. no errors show but when i check inspect element it mentions the fullName but i remove them and still nothing shows
@@adamwaleed8400 Hey buddy, not sure exactly from your description. But comment everything out, and then comment back in, line-by-line if need be, until you find what's causing the problem. YOu can also copy-paste parts from Ed's code until you find which part makes the difference.
@@idanlib yeh i managed to do that and it came down to
dispatch(setMode())} >
{theme.palette.mode === "dark" ? (
) : (
)}
if i remove everything in between icon button it just goes back to being white if i put and only this it still goes blank however if i remove the icon button and add that line somewhere else it then comes back to the screen. i really hope you can help been stuck on this for a while
thank you ed ! i managed to finish and follow along with this tutorial, had to search through the comments sometimes for general bugs that everyone encountered, but the app is working just like yours.
this was my first "trendy" full stack app with MERN or any other trendy stack and you helped understand a lot more how these frameworks and enviroments come together!
many thanks
Dude can you tell about bugs you encountered?
Bro if we follow the tutorial will we be able to finish it....what I mean is there are a lot of comments saying it does not work in the end as there are a lot of bugs that are occurring even after following this tutorial line by line
Someone has literally a guide on udemy on this for 15$ Worth the pay but insane you are putting this knowledge out there completely for free and everyone to learn.
Just discovered your channel as i am learning Angular, Vue and react this is so valuable to me instantly subscribed.
Thanks Ed
CAN THIS PROJECT BE DEPLOYED?
I don't consider helping people learn regardless of financial status insane. What's insane is that U.S. higher education institutions charge about 50x more than most countries, where every citizen has a right to education without financial restriction.
why learn all 3, when you can choose one and master it ???
@@allindiachannel2290 yeah man
@@jackepner9984he didn't mean literally insane lol, he meant insane as in good
Thanks for this course this a REAL fullstack tutorial since youre explaining everything including the styling unlike Javascript Mastery who just installs a bunch of packages without explaining and copy-paste a bunch of css/js styling without explaining 'so we can focus on the logic BS".
Exactly why I dont like javascript mastery's projects.
Done with this tuitorial! Loved it. I'm glad that I can see many parts of the application that can be improved. On it!
Amazing video! I just completed the project following this tutorial and got to learn a lot.
Thanks Ed!
For viewers: If you're thinking whether or not to do this project by following this tutorial, just go for it.
Hey can u help me I am stuck my registration form don't submit
I can't register and login through the form as when I try to register the form don't submits
All the other things are doing fine I tried the dummy data set it is easily sent to the database but when I try to register the form is not submitting
@@journey7710 Hey, Try using another email to register, & log in again. It should help.
Thanks for this comment, I was looking for reply like this
I am gonna start this project !! I was daily searching for a project like this but today after some days I found out your video.
Thanks a lot sir !!
Hands down one of the best tutorials, other tutorials got me cross eyed, but this was so clean. I always struggled with the backend, especially hated authorization, but now I feel confident to build my own project. Thank you!!
you faced any problem ..any dependencies problems!! or your project working nicely
did you faced any big problem in this project code? that took a lot of time to resolve? please tell me
It was a great experience to build this amazing application with you. Thanks for sharing
Thank you so much for this incredible content! Just an idea, add chat ( friend to friend and group chat) plus dashboard for admins in this "social media" app. I think if nothing like this out there. Again, thanks for your work. subbed
wow, your videos are so quality! Love it. thanks for your effort
No words could describe how thankful I am to you !
Another excellent tutorial. The amount of value is tremendous. Thanks Ed
Pure Vulcan Logic
bro can this project be deployed?
or i have to make changes in the project please help
CAN THIS PROJECT BE DEPLOYED? if yes where?
There are a lot of good teachers out there, but sometimes even when they try to explain/simplify code for you, they end up overcomplicating things using big words, and fancy terms. You on the other hand, you make it so easy to grab and understand, an example is when you explained reducers, and even you your said you're not sure why they use fancy terms to describe it😅, those were the issue for real. I'm glad I came across your videos, you made it so much easier for me to understand things that were giving me issues. Cheers 🥂
Man, you are so efficient!! This is exactly what I need, wanted to learn auth and how to retrieve info from BE properly.
girl it just simple website that source code is full in github . what efficient . do you live in real world ?
I have to say you teach well lol.
I really appreciate what you do, hope you grow and be healthy forever
Awesome Project and superb way of explaining things... I really like his teaching and because he is in Tech for a Decade , he is extremely good with his code quality and presentation
have you completed this project ...because mine is not working
me too i have error when running npm run start@@abhiyadav8500
Thank you so much, I've learnt so many things in this video and never got this much knowledge from anywhere. 💝
did you faced any big problem in making this project?....that took a lot of time to resolve?....please tell me
Remember to see the output at 2h:47m in this video ,the output of navbar because the user has not connected the backend line 42 in navbar(index.jsx) will show a big error so place it with a dummy value just for the output and then re do the code as it was it will work fine when the backend is connected :Thank me later
thankyou
omg thank you!!!!!!
I had one more thing , I am facing an error @ 3hr:28min also email cannot read properties of undefined and same with password Please help ASAP I really need to finish this and apply for jobs.
@arnabsamanta3053 hope that you look into this
Thank you for posting this!!!! yo are the best!!!
OMG!! I'm doing this tutorial and I'm feel like a young studen againg, I love that emotion to make me love this carrer, I call it "The Fire", I'm learning a lot, thanks for that, bless
Thanks for your tutorial. One suggestion is for projects like this, from my point of view, the project could start from the front-end build first, then the backend. However this project starts from MongoDB, Router, and Redux, sometimes it makes me feel what the specific code snippets are used for without any UI even though you showed the actual UI you already implemented, but the users who follow this tutorial don't. From a front-end developer point of view, it sometimes makes me confused
For the last few months i have developed a new way of learning. That is to watch the demo of the project and build it on my own. It has helped me so much. But before that you must follow along someone who explains the code really well to understand the basic concepts.
If you're working with the Navbar and encounters errors like "MUI: cannot setup LIGHT mode" in the dev console, in the themeSettings function, change { pallete: { mode, ... } } to { pallete: { type: mode, ... }} . It works for me.
thanks bro it worked ❤❤❤❤❤
Thanks @EdRoh . From last few months i have worked on lot's of Mern project but this one is best of all ❤️
heads-up for anyone about to start this video. this is not a build-and-learn lesson. you won't be building and testing one component at a time. This is a copy-paste from a ready-made application that won't work until everything is put together. this can cause some frustration for anyone who has a bug with 10-plus files that haven't been tested yet. I'm not saying you won't get anything form this, but be aware.
Maybe this is not a popular opinion, but youtubers gotta stop doing that "method"... if you're gonna create a project for people to follow along you should go back and forth creating features while you need them. Not BEFORE you need them. Saying "oh, I'm just gonna create this entire file page and import stuff I haven't even created because we'll use it later on the frontend" and not debugging and showing what kind of data and why you need to format it, honestly, it's a waste of time. All I feel doing this tutorial is "I'm copying some dude online while he's copying his notes himself". 4/10
you are so right ! i was lied by the comments too. everyone says its really good but in reality he does not explain anything.
if you have found other youtubers who explain really well please let me know. I am actively looking
@@renehoxha6393you can check react and next js projects with sahand I just completed his last project real estate and it was great
Let me subscribe this comment for some useful links 😅
The biggest problem with this tutorial is that he will write the full code for a feature or let's say homepage and only then will he see if the code is working or not. It becomes hard to debug the code later on.
Now I have this problem where I create a new post and the posts suddenly becomes undefined and I need to refresh at least once for the posts to displayed.
A small enhancement at 1:06:10, instead of using multiple api call, you could have used '.populate' feature of mongodb, since you already have the ids of friends in an array.
He always get user id from req.body or req.params instead of this he can authorise user id front verified token middleware he created
Absolutely love it. I am learning a lot from you! Keep on doing these "from scratch" videos!
bro can this project be deployed?
or i have to make changes in the project please help
Hello Ed. Really its a great tutorial. I got the finish and I learned a lot. Why don't you make a second part with all the functionalities working?...Thanks!!!
Ed, you are a legend. Thank you so much for this incredible content!
For people stuck at 5:07:20 in the video with the error:
friends.find is not a function
at Friend (Friend.jsx:22:1)
like me 2 days ago, the error comes from the database, because Steve Ralph does not have password( don't ask me why, idk).
Solution: copy field password and paste it in the Steve Ralph or whatever user you want in database, or create a new user and add new post, this new user can add friend normally.
for me it have a password, but it still doesn't work. I've used it with Array.from(friends), but it doesn't patch, gives error 404 not found, any ideas?
@@vnm_8945 first, use console log to check whether it has array list or not.
Second, using diffchecker to check whether you have any typos, lack of code or not.
Third, try to create a new user by sign up, then create new post by that user, and try to follow new user using your existent user.
@@vnm_8945 I had to change the steve ralph email because it was a duplicate
I got it, I had and empty string as an friend in database, thx for the reply.
@@ngocnhanpham831 I got it, I had and empty string as an friend in database, thx for the reply.
Awesome project Ed, really love your work ❤
Please for your next videos, when styling the front end, do it bit by bit, not building the whole page at once, it hard to piece together what each codes do, the only part I enjoy the most was the backend, frontend became confusing especially for someone like me that just started to learn about material ui
The best social media video I have seen on youtube... Thanks man
Have you completed it ??
this challange was not easy,,,, thank you!!!!
Awesome. Just now completed the whole project. Make more videos like this
Love and support from India
pretty helpful for beginner, highly recommend! thank you Edrod, your work really help. Keep it up
I see that you also carry out web3 projects it would be really great if you could offer us this type of project. You explain your code very well so it would be very easy for those who want to learn how to create Dapps (And there are many of them). 👍
CAN THIS PROJECT BE DEPLOYED? if yes where?
@@allindiachannel2290 could you deploy it?
This is exactly what I was looking for. Can't wait to watch 😁😁!
Everything is fine but you should be using something like postman to test the APIs. You have the frontend ready but we don't have.
These are absolutely the most useful videos I have found on learning to code and using best practices, thank you!
Hey EdRoh, you have build a great project, just loved it. But I think you missed something important i.e. the user cannot add comments to any of the post from frontend. I guess that's the major functionality of any social media app, to be able to like and add comment to any post. If you have implemented somewhere please share. Thanks
Dude! This is great! Keep up the great work! Thanks for this amazing tutorial!
you just broke my heart using material UI instead of simple CSS
😪😪
5 hours is too long already, can you imagine how long would it take to finish this if he uses CSS only?
Amazing tutorial,Thx so much EdRoh! U make me fall in love with coding again 😅 Subscribed with respect 👍🏻
SOO TRUE same here this brought me back into web dev
In case anyone has the error when trying to start up the server: "MongoServerError: bad auth : authentication failed did not connect". Remember the password is the one you created for that specific db, not your mongodb account password.
Can you explain thus further, i think I am having this issue
just came across your channel and oh boy is this valuable content, keep up the good job dude. just earned a new sub
This was a great video Ed, thanks so much! I read a lot of comments below about deployment and if you decide to take that on, I would be so interested in watching. After trying a bit myself, I noticed that there is a security vulnerability in multer as it depends on dice and it currently doesn't have a fix. If you know any industry standard replacements for multer, I would enjoy seeing how that would be implemented in the current structure you have! ~
aren't you too pretty to be doin cs?
CAN THIS PROJECT BE DEPLOYED? if yes where?
Your videos are VERY on point! I subscribed and liked every videos that I watched! thank you for your effort!
have you completed your code i got some error can you helped mi with that pleased
thanks for the video, really enjoyed watching it. Just a thought but when you're working on the FE content, It would be great if you can render after completing certain sections of the page instead of writing a huge chunk of code in one go and rendering it at the end as it can be difficult for people to understand what each section of the code is doing.
Been waiting for this video!
Do you think you could do a video showing you building an App (with MERN for example like this), but at the end you actually show us how to deploy the App. I find nearly all tutorials don't show the deploying part, which can be the trickiest thing to do. Thanks
hey, I will be working on figuring out the best options for deployment on the next videos! been a long time in my back log to figure out the optimal way so I'll be approaching that next
@@EdRohDev Thanks, if you could do a project which has deployment I'd find that so useful. None of these clones / projects show the deployment part & therefore if I do the project I can't deploy them. Thanks for the reply.
@@EdRohDev Yes, can you deploy and show the changes that need to be made for the current project for it to be deployed in the next video .....
@@EdRohDev we're waitng
Thanks, dude. It helped me a lot practice Redux toolkit.
Thanks man, I really appreciate what you've done here
@EdRoh : Is it really beginner course? I am a beginner and to be honest I found it little overwhelming! Bdw, in the next project can you show how to use Passport for third party authentication ?
its not a beginner course
@ 2:09:02 truest shit man, I've watched a lot of tutorials and I usually use them as a way to jump start a much more complex project and it always sucks when they throw bunch of cutting edge/unproven packages at you which really can box you in further down the road.
To get the output of Navbar after its creation at around 2:47:03, Simply replace the value of fullName with
user === null ? "Default User" : `${user.firstName} ${user.lastName}`
This won't break your code when you are trying to see the output of your navbar where the code breaks because it requires some value for fullName which is supposed to be pulled from backend when a user logs in but currently as we haven't made further progress in respect to registering and logging in a user so user's value always remains as defined in state file i.e null.
Thank u brother. I was stuck at that point. Much Appreeciated
Thank you bud. This got me too. Thanks for sharing!
i have vulnerabilities on server multer did u have it too ? how to fix this ? is app still okay even with this vulnerability ?
thanks sir
My navbar doesn't show up. It still shows loginPage when I put /home after localhost:3000
Wow! 🤩 Best video tutorial Content. Thank you EdRoh for this effort.
Hello, I discovered your channel and subscribed recently. 🎉
I find the project really great and you explain very well the code you write it's really great to learn. I wanted to know if once the project is finished it is possible to deploy it on Vercel for example? Thanks
Did you deploy it on Vercel ??? If you did then please say what did you use to deploy.
I think only the front-end part can be deployed over Vercel and you can use Render to deploy your backend part.
@@RahulKumar-xl3ddI will be deploying it in the coming days, will let you know, I did deploy a similiar MERN project last week and it works really good. You need to deploy backend and frontend there separetely (check a guide on how to deploy a mern project or vercel). then replace all the frontend localhost paths with your deployed backend server. and a vercel.json config file added to backend / server
@@RahulKumar-xl3ddAlso a very good tip for deploying, first try deploying a simpler page, maybe just an mern app or dumbed down version with one api get call to show posts or something, much easier to catch mistakes than on an entire huge project for the first time using vercel
One thing you could hav dont that, when you're showing the working of API from the frontend which is not yet explained in the video (it's sometime after), You could have show the working from like Insomania or ThunderClient so that we could understand better the working of the API.
Hey I seem to keep getting an error when trying to see my navbar ex: TypeError: Cannot read properties of null (reading 'firstName') any ideas why?
👆 send a direct message for personal guidance and support
me too, any fix?
@@elissaalarmani5990 hey did you get the fix please?
did you discovered how to fix it?
No sorry never got an answer from anyone
Just starting this tutorial, after watching first chapter, I think my journey with this video will go very well as a beginner. thanks for adding redux , sir. take love from Bangladesh.
@@hirahanif8573 I have faced this same situation too. He should not go through this as because we do not have that front end code and it distracts the concentration from the tutorial.
EdRoh, this is a great tutorial, and I love it. What's your vscode them and the font?
have you completed your code i got some error can you helped mi with that pleased
Thank you for this awesome tutorial!! Will keep re-watching it.
Wonderful tutorial really concise and what is expected of a tutorial ! great work man
can you tell me @ 40 min he connect front end with backend when he created this frontend and how connect it with backend also is this frontend code is on github ?
@@hirahanif8573 he was testing the backend with frontend he already made , so if you are starting with backend and have no frontend , you can testing using postman or any such tool to test your API's .
Bro did you get any error?
Really annoying the fact that you had things prepared off screen and beforehand.
As we follow the tutorial, we can not test the written code and can't know if we made a mistake somewhere or not. It feels like you are walking in the dark.
That's dope! Good stuff man!
very much disappointed
The site not working even if i copy each and every line of code and no one in discord to help out
Press F
Amazing job! I like it. Thank you, bro)
Hi Sir, So as a beginner Its a great project to learn. And thanks to your teaching i learnt a lot. Though the only issue i faced is posts.map So .map is throwing an error when it states posts.map is not a function. I thought this error must only be in my code as i was not able to resolve it. But then I downloaded your code from github and tried running it in my local system and the same error is there. as per my understanding This is happening if we login to website first time and we don't have any post I think this is the reason. Can you let me know if that is correct.
i got the same error
Koi solution mila ho to btana mere ko bhi aur iske baad friends.map bhi error throw karega
Null handle krna pdega dono jgh posts ka bhi aur friends ka bhi
@@sachinrana11449 code ka snippet share karde bhai
@@kunalsingh5000 Haan bhai pehle bna toh lun
This is one of the best MERN tutorial. Thanks a lot. It helped me so much.
Did you complete it ?
Have you deployed your completed project ?
One of the best video I think best in terms of quality of neat and clean code
The best channel for projects >_
You are phenomenal brother. Thank you for this tutorial!
Really appreciate for your sharing to give me power building full stack application! Thanks~
This is an amazing Project Great work Man, Thanks for sharing it here for free
Finally found a person who can give competition to the indian guys on the youtube :)
Absolutely loved this !!!
What an excelent video! Absolutely loved it!
Took me months to complete this. DOne finally. Thanks Mate!
Where did you deployed it?
@@unseenshankar2157 did not deploy it yet
@@unseenshankar2157 I'll deploy it using linode probably
Can you send link
@@ashwani6527 bro this project doesn't have the friends connection or anything so I dropped it has too many bugs as well
Awesome, Amazing , This video describes each and every step with all his works . Thanks @EdRoh for making this video
creating material ui theme
dark mode 2:10:56
light mode 2:13:41
setting typography settings 2:14:24
applying our theme settings 2:16:04
navbar
creating the navbar 2:21:31
Thanks Ed, very good explanation. I'm waiting for another MERN tutorial
bro can this project be deployed?
or i have to make changes in the project please help
As a beginner is a real challenge I'll do my best thank you for your time and your explanations Mr
Amazing tutorial Ed! Thank you!
Finally I'm done!!!...It's been a GREAT project. I learned a lot with it. Thanks a lot EdRoh for this material.
can u share your github repo
@@simrandangol8865 please share the github repo
You deserve a lot of subscribers, thank you
you are sick man!
this is incredible! thanks for providing good lectures!
CAN THIS PROJECT BE DEPLOYED? if yes where?