Build and Deploy a Full Stack MERN Social Media App with Auth, Pagination, Comments | MERN Course
JavaScript Mastery
Watch this video to master the MERN stack and build real industry applications.
πFREE Ultimate MERN Guide: https://resource.jsmastery.pro/mern-guide
π»JS Mastery Pro – https://jsmastery.pro?discount=youtube
β
A special YOUTUBE discount code is automatically applied!
JS Mastery Pro is finally live! Become a professional developer today – https://www.jsmastery.pro π₯
In this video, you’ll build and deploy a full-stack social media application. With email and Google Authentication, pagination, search and filtering capabilities, comments, and much more, this app is the best fully responsive MERN social media application that you can currently find on youtube.
β Hostinger – https://www.hostinger.com/javascriptmastery
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
π Materials/References:
Ultimate MERN eBook: https://resource.jsmastery.pro/mern-guide
GitHub Code (feel free to give it a star β): https://github.com/adrianhajdin/project_mern_memories
Package.json – https://gist.github.com/adrianhajdin/bbe19d3a3055e3c7b66b0bfac25c5c49
HTTP status codes: https://www.restapitutorial.com/httpstatuscodes.html
MongoDB Atlas: https://www.mongodb.com/cloud/atlas
MemDev: https://mem.dev/
Initial Styles: https://gist.github.com/adrianhajdin/d99aaa67124f0de7667fd3937715fb26
Image: http://bit.ly/memories_image
Background: https://www.svgbackgrounds.com/
Auth Styles: https://gist.github.com/adrianhajdin/cc90da3990871d509ccbd9068da5a636
Google Console: https://console.developers.google.com/
Stack Overflow oAuth Fix: https://stackoverflow.com/questions/43964539/google-api-not-a-valid-origin-for-the-client-url-has-not-been-whitelisted-for
New UI & Post Details Styles & Code: https://gist.github.com/adrianhajdin/83194cd8c920e6cf79dd83f03076f167
Logo Image: https://i.ibb.co/NyJqJWK/memories-Logo.png
Text Image: https://i.ibb.co/cvkcJFm/memories-Text.png
π» Master JavaScript: https://www.completepathtojavascriptmastery.com/
Use the special promo code “YOUTUBE” on checkout to save $60!
π Get the Ultimate Frontend & Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips and more – https://resource.jsmastery.pro/
π» Join our Discord Community – https://discord.gg/n6EdbFJ
π¦ Follow us on Twitter: https://twitter.com/jsmasterypro
πΌοΈ Follow us on Instagram: https://instagram.com/javascriptmastery
πΌ Business Inquiries: contact@jsmastery.pro
Time Stamps π
00:00:00 Intro
00:10:03 Setup
00:19:00 MongoDB
00:50:33 Redux
01:17:30 Create a Post
02:32:55 Authentication
04:55:08 Pagination Feature
05:08:50 Search
06:10:12 Details Page
06:24:30 Recommended Posts
06:36:13 Comments Feature
07:20:38 Deployment
#mern #reactjs #nodejs