watermark logo

1 Views· 14 July 2022

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

Advertisement


MilesSidhu
Subscribers

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 - https://youtu.be/aibtHnbeuio 🚀

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

💻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/adrianhajdi....n/project_mern_memor
HTTP status codes: https://www.restapitutorial.co....m/httpstatuscodes.ht
MongoDB Atlas: https://www.mongodb.com/cloud/atlas
MemDev: https://mem.dev/
Styles Files: https://gist.github.com/adrian....hajdin/d99aaa67124f0
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.jsmasterypro.com/newsletter 🔥

⭐Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptmastery
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

💼 Business Inquiries: javascriptmastery00@gmail.com

🌎 Find Me Here:
Instagram: https://instagram.com/javascriptmastery
Patreon: https://www.patreon.com/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

Show more


Up next

Advertisement


0 Comments