Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2] 

I'm going to be totally honest man, I don't usually comment but this is incredible. You've gotten me from very proficient in standard html, css and js and basic node all the way to fullstack mern with good understanding in the span of about 10hours (yes I was a little slow and paused plenty)... very much appreciated.

This is the best MERN tutorial I ever learned. Frankly speaking, It's better than other training courses on Udemy which cost us too much! I really appreciate!!

Now that i see how can i conneect the backend and the fronted, i feel more confident to do my own projects, i might do a project similar to this one, but with different fundamental point Thank you my man !

I walked through every byte of these two videos and built a web. Even though I have been following a 1 months course on React & Redux, I couldn't quite get how all this works, but with these videos now I think I started understanding. Thank you so much! And I am strongly for the part 3! Authentication, plz!!!

Thank you Adrian. That's one of the rarest tutorials about the mern stack. I definitely recommend beginners to watch. I liked the part when you showed us your debugging process and said that it is okay. Thanks again.

I love these 'shorter', but still useful videos. I don't usually have 20hrs to go thru long tutorials (usually 10hr video takes 20hrs of hands on work).

Please make a part 3 video. We want to see authentication in mern stack. How to hash our password in nodejs etc.

Holy cow, I just watched these 2 videos to get a "big picture" look at making a full-stack app. I'm a front-end dev who hasn't done any back-end work yet. What a huge number of things to remember and connect together in order to get it all working. I was completely lost during most of the redux/mongoDB/actions/mongoose stuff. Phew, got a lot to learn. Nice video though! Hope to get there someday.

Part 3, Authentication

Adrian, you are my main instructor. Of about 200 tutorials I have watched and hundreds of hours online working courses etc past year or so you are the best instructor I have seen. Your Complete Path To JS Mastery has me so well informed on JS that I got through part one of this MERN tutorial, Memories App successfully with few problems. Plus I understand most of it well enough that I have confidence I will be able to build my own CRUD apps from scratch soon. Thank you!

If getting "h10" error after clicking "Open app" in Heroku, try changing procfile code to "web: node index.js" (omit the quotes). This worked for me. Fantastic tutorial!

Just finished this follow along, it took me longer than it probably should have... Absolutely awesome video! I am currently a student and just finished my first quarter doing server-side so we haven't learned how to deploy or how to link client and server-side. I am practicing on my winter break and now feel like I'm already ahead for next quarter. I would love to see the same thing everyone else is requesting. Thank you for your time and efforts!

To anyone else struggling with the deployment phase -- the mongoDB Atlas cluster needs to have your Heroku IP address whitelisted, or alternatively you can whitelist all IP addresses while you're testing your app. My deploy phase kept crashing and I didn't know why, but after 40 minutes of troubleshooting I realized that the heroku IP address couldn't access the database. Thank you so much for this video. I've been a front-end Engineer for the past year and haven't had time to jump into the full-stack / backend stuff, so this came in so clutch.

If anyone had a problem when they hosted their server with Heroku, one fix might allowing acess from any ip to your mongo db atals. At least that worked for me! Cheers!

I have learned most from your videos rather than my college. Thanks for such great content.

Wait, it's one week already? Will build this very soon. And yes, do the part 3!

Amazing! Anyone who wants to see a practical example of a MERN App after learning (or even brushing through) the main concepts, this is the project for you.

I was learning only front end up to this point and I was afraid of the leap into backend territory, as you always are when it comes to something new, but thanks to this series I was able to build a full stack app, different from what you presented, with just focusing on server and data handling parts without previous experience with backend! Mad props to you sir!

seeing this after 2 years this is well explained and the quality of the content is very high never seen this in any youtube channel

Really waited for this part. Your tutoring is so cool. I learnt a lot from this and I would also love the part 3 with pagination and authentication.

Gosh this is the best MERN stack video i have watched, i learnt alot that am proud of . With this knowledge i can build many things wow ❤, thank you so much

I took three breaks from this course and tried different courses , each time i feel like that this is more convenient then the others... So updated so easy to follow so friendly and makes since < duo to Ur explanations organized ... I hope you keep up your GREAT work

Finally I understood how redux works and how can it be implemented. Thanks Adrian for these great tutorials.

Your tutorials are not just great, but also fun to watch

I like how you include the little bugs that sometimes come naturally. Makes it feel very authentic. Great course.

was taking a udemy course, lots of theory and runaround. This tutorial plugged all those pieces in and made a ton of sense. Thanks so much.

Definitely authentication and authorization brother. That makes it complete. Love the course, Even though I can recreate this project myself I'm still watching, hoping to get important concepts ❤️❤️❤️

I love how happy you were when you guessed the direction property name correctly for Material-UI

Brother, please make part-3. Eagerly waiting for it. This is my first comment in YT. U r d best instructor out there.

One of the best YT channel to learn react. All your content are of such good quality that its hard to believe it's free. Love your channel.

Hey adrian! Thank you for everything you covered in this series. This was the series that actually cleared all doubts I ever had about how to connect backend and frontend. Hopefully I'd be able to make MERN apps now. 🙏🙏🙏

Awesome!!! This is my first try doing MERN and it worked! Thank you dude! I learned so much! Worth it! Tip: Stuck on bug? Read comments, console and a little google. Happy coding!

can't believe this tutorial covers everything. I love how clean and concise your code is. thank you so much for making these videos!

This is so good that I dont have enough words to describe, just have one humble request please come with one more mern project just one more so will feel more confident.

Incredible video! Thank you! I love how you explain WHY things are done and not just HOW. Makes this so much better than most others out there.

Hi, Thank you so much for this product (and channel) please record part 3 of this wonderful tutorial. I know it takes a lot of time and effort. But this is gold! Thanks again.

Very useful and easy to follow your course is. As of Feb 2021, when we deploy 'server' to Heroku, the syntax need to be 'git push heroku main' NOT 'git push heroku master'. Anyway thank you for the second tutorial!

You are really taking my basic react knowledge to the next level. Thank you.

I like the way you taught. You wrote the code in systematic and logic way that made me understand and be easy to follow along. Appreciate for your dedication. Thank you.

I love MERN stack because we need to spend time on one language that is JS🔥🔥🔥

man, that's the simplest way to deploy!!!!! I love it, thank you a lot

This second part is excellent, I hope the third part will be posted soon with authentication! I learned a lot from this tutorial, thanks! Stay safe!

Part 3 please!!! BEST videos I have found so far, great explanation of what's important yet concise. Thank you!!!

Yes please give us a part 3 for authentication. it would also be good if users could comment on other users' posts.

I always struggled getting my head around redux. But this helped me to understand how to work with redux. 🙏

This was the awesome video from A-Z Right from development till deployment. Thank you for the video. Waiting for the 3rd part. 👌👌👌👌

Bro, i love the way you cover everything in this second part, i'm already working on an MERN App and your videos make me feel more confident, thank you for share this knowledge with us, masterrrrrrrr 🔥🔥

@53:45 you can also add .trim() to make it so that users cannot add a space to the form: tags: e.target.value.trim().split(","). Also, this can cause empty hashtags if users enter an input with multiple commas like: tag1,,,tag2,. But, you can alleviate this error by adding the following logic to Post.js component for tags as follows: {post.tags.map((tag) => (tag === "" ? "" : `#${tag} `))}. Hopefully that helps anyone who wanted to handle these edge-cases.

Do part 3 please ! Your teaching is so good taking so much value from this just wanna say thank you. 🙏

Part 3 is very much needed with authentication, Paging etc. Also I wanted to know any other cloud servers available for free

Part 3, pagination, authentication and search it will be amazing. Your voice is really calm and your tutorials are simple to follow and understand. I follow this course for 3 times in 2 days, to understand the structure and how you pass data. It was my first contact with redux, and probably I will watch again few more times to really understand the CRUD process front-back end. Thank you.

Was waiting for the second part. Appreciate your effort for doing long tutorials, this is very helpful and gives an insight into how the redux works.

This is so awesome! Finally finished both videos and now I have a perfectly running MERN application that I can show my teachers. Thanks so much!

Really love your content Sir. Lots of love from bottom of my heart. The important thing is we want the part3.

Man, you really mastered this stuff. I like how you go over debugging and like these tips with variables and everything. Great great content man

Thanks a lot JavaScript mastery ❤️❤️❤️ Finally I created a MERN stack project

Part 3 for authentication based on redux saga required!! Appreciate your efforts.

If you get an error on your deployed app page, might be because you skipped adding 0.0.0.0 to whitelisted IPs in MongoDB Atlas. I think it's best if we whitelist the IP for the Heroku IP only, but I guess it is dynamic.

I can't thank you enough man, this is god's work. The world needs more people like you. You a real G!

Thanks, great video. If you put dispatch in the dependency array of the useEffect in Form component it will rerender the page when you update. useEffect(() => { if (post) setPostData(post); }, [post, dispatch]);

Yes,make the part 3, the authentication part , you worked awesome on these projects

31:31. You don't need to put currentId in useEffect of the cuz when submit for updating in . It will update the posts in store(if the request succeeded ) then and will be updated with the new state.

Thank you for showing your error solving method. I just spent the past week trying to figure out why mine wasn't working when the answer was I forgot to call getPosts() in App.js XD Also thank you for this video and all your hard work with these coding projects! You really make learning new thing easy and enjoyable!

Its great to learn bro, normally the videos for the MERN projects are shown with old js ways, but this concepts is perfect to code and be updated bro, hope that we will see its next part!! just like app.listen(), we.listen(JSMastery) bro :)

I already finished the crud part, thanks for the video, grettings from México, we really lack this kind of content in spanish

Yes, really like this three part MERN tutorial having login authorization and authentication is great! thank you, James

Amazing videos series. Hurry to watch the part 3.

Yes, you gotta make a part 3!!!!!

IF YOU HAVE ISSUES WITH HEROKU DEPLOYMENT LIKE I DID: fix this by going to Heroku settings > config vars > set key = URL & value = to your custom url from the .env file (do not use any quotes) and then save. Not sure if this is technically the correct way to go about this but I was happy to finally see it work after hours of debugging lol

Will watch it later but definitely the content is going to be damn practical and nice.. last video of mern was also awsm..

Would be great to create part 3 with the mentioned functionalities. Thanks for the awesome content!

It is was great video for both front and back-end that is ES6 syntax coding... thank you sir.

really appreciated. actually my first fully deployed fullstack app.

If you're struggling to deploy to heroku, follow these steps: Make sure your mongoDB network access is set to anywhere Make sure your .env file is correct Also remove the '|| 5000' from your PORT variable After everyhting is done, commit the new changes, and push to heroku again. Then type in the terminal after the push has completed 'heroku restart' This worked for me :) Stuck for like 25mins yo XD

this video is enough to learn MERN Stack completely

📙FREE Ultimate MERN Guide: resource.jsmasterypro.com/mern-guide

Man! you are an amazing teacher/instructor... Thank you for this tutorial, I won't forget this. Am a newbie

Please make part part 3 which includes authentication, password hashing, JWT.

Bro, I do not want any excuse, please please upload part3 authentication before the new Year. U have taught so well. Reminder: Part3 Authentication before new Year

I really appreciate your fine work. Guys like you are true Gems in the WEB DEV Universe. Thanks.

You are the king we've all been waiting for. God bless you.

great content sir, please i am eagerly waiting for the part 3. include pagination, search functionality and authentication if possible. thank you sir

we need a full video on react + materialUI, definently worth learning

Everybody smash that freaking like button ....🔥🔥 We need part 3!!!!

Most straightforward MERN tutorial ever! You are brilliant!

Thanks alot sir ,a lots of love and good wishes from India ❤️

Give us the third episode as a gift. You can do it, Santa!

Thank you, it's veeeeeeery useful. And I appreciate that you prepared css styles and it took little time. You are such an amazing teacher. Thanks again and good luck

Part3: Set Limit of Post per Page, click next page to load more... ❤❤❤

Thank you Sir. Please make a part 3 video for authentication . It would be great for new MERN developer. Wish you all the best.

thanks ...was waiting for this eagerly. one query : Is it possible to do this with react hooks only ...i mean could we just drop redux..

Part two is as good as the first one .You are very good in your profession see you in the part 3 ;) ...

Do you all need part 3? What are you waiting for just simply touch the LIKE button just like I did😉

Thanks, man. You are helping us to become a web developer. Salute from Bangladesh.

You are God for people like me !!

Thanks for video, Guys if you struggle with showing images in your react app(base64), make sure that caller for image={post.selectedFile} must specify height otherwise the image will not be visible. Hence, classes of card must have height attribute.

we need pagination and authentication too...love from nepal...

Thx a lot! I feel more comfortable with MERN stack. Will try out some open source projects to learn more.

Any one get error on the deployed App? The backend deployment was succeed but, when i open the app, the page said its error. Edit: Its solved. When I check the log, it said there is a problem with mongo db atlas connection. So I go to mongo DB atlas, and make all ip have the access.

You are really awesome bro ! I love that you explain everything in a clear way !