Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]
Using React, Node.js, Express & MongoDB you'll learn how to build a Full Stack MERN Project - from start to finish. The App is called "Memories" and it is a simple social media MERN application that allows users to post interesting events that happened in their lives.
Part 2 is NOW OUT - • Full Stack MERN Project - Build and D... 🚀
📙FREE Ultimate MERN Guide: https://resource.jsmastery.pro/mern-g...
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!
📚 Materials/References:
GitHub Code (feel free to give it a star ⭐): https://github.com/adrianhajdin/proje...
HTTP status codes: https://www.restapitutorial.com/https...
MongoDB Atlas: https://www.mongodb.com/cloud/atlas
MemDev: https://mem.dev/
Styles Files: https://gist.github.com/adrianhajdin/...
Image: http://bit.ly/memories_image
📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmastery.pro/newsle... 🔥
⭐Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptm...
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
💼 Business Inquiries: [email protected]
🌎 Find Me Here:
Instagram: / javascriptmastery
Patreon: / javascriptmastery
Chapters:
00:00 Intro + Demo
02:28 Backend Setup
06:18 Frontend Setup
8:46 index.js Setup
10:21 MongoDB Setup
12:01 Connecting to the Database
15:45 Routing
18:40 Backend Folder Structure
23:39 Controllers
28:50 JSX Structure
36:58 Styling
42:01 Redux!
57:07 Form
1:09:05 Create a Post
1:13:23 MERN
#mern #reactjs #nodejs