MERN Stack Tutorial: Learn MongoDB, Express, React, Node.js
🔴 MERN Stack Tutorial for Beginners: Full Course (MongoDB, Express, React, Node.js) 🔴
Welcome to the ultimate MERN Stack tutorial! This comprehensive 6-hour course is designed for beginners and will guide you step-by-step through building full-stack web applications using MongoDB, Express, React, and Node.js. Whether you're new to programming or looking to expand your web development skills, this course has something for everyone.
🔔 Subscribe for more tutorials: / @austindavistech
📚 Course Contents:
Ep 1: Introduction
Overview of the MERN Stack
Ep 2: MongoDB and Node.js Setup
Installing Node.js
Setting up the development environment
Creating your first MongoDB database
Connecting Node.js with MongoDB
Ep 3: Express Setup
Creating your first Express application
Booting up the server
Ep 4: Express Routing
Understanding routing in Express
Setting up GET, POST, PUT, DELETE routes
Ep 5: Frontend Connection
Connecting the backend to the frontend
Introduction to API integration
Ep 6-8: Building React Pages
Setting up a React application
Creating components and pages
Managing state with React Hooks
Ep 9-10: Authorization/Authentication
Implementing user authentication
Protecting routes with JWT
Ep 11: Media Management
Handling image uploads
Integrating media management in your application
Ep 12: CSS Styling with Tailwind
Introduction to Tailwind CSS
Styling your application with Tailwind
💡 What You'll Learn:
How to set up and configure MongoDB, Express, React, and Node.js
Creating RESTful APIs with Express and Node.js
Building dynamic user interfaces with React
Implementing user authentication and authorization
Managing media uploads and styling applications with Tailwind CSS
🔗 Useful Links:
React Docs: https://react.dev/
NodeJS Download/Docs: https://nodejs.org/en
ExpressJS Docs: https://expressjs.com/
MongoDB: https://www.mongodb.com/
TailwindCSS: https://tailwindcss.com/
shadcn: https://ui.shadcn.com/
GitHub Repo: https://github.com/AustinDavisTech/Me...
📅 Schedule:
New tutorials every week! Subscribe and hit the bell icon to get notified.
Timestamps:
0:00 - Intro
0:18 - MERN Overview
4:25 - Course Structure
6:17 - Environment Setup
11:21 - MongoDB Setup
14:24 - Connecting Mongo to Code
19:29 - Creating a database + Sample entries
23:38 - IP Configuration
24:23 - Module.exports
28:16 - Module.exports & require
30:44 - Starting server
37:06 - Express Explained
41:55 - CRUD Operations
44:55 - Retrieve All
52:35 - Retrieve One
56:50 - Create One
1:00:25 - Update One
1:03:26 - Delete One
1:04:36 - Mounting/Testing
1:07:48 - Launching Frontend
1:10:49 - Testing Backend Routes
1:23:17 - Frontend API Functions
1:32:33 - Implementing API Functions
1:39:28 - Creating Pages
1:43:53 - Frontend Routing
1:51:19 - Dynamic Routing
1:52:55 - Navbar
2:03:43 - Rendering Navbar
2:07:06 - Home page
2:15:00 - Blog Card
2:24:08 - Sorting by Date
2:24:53 - Dynamic Routing (ReadBlog)
2:27:44 - ReadBlog Page
2:38:24 - CreateBlog Page
2:50:41 - About/Contact Page
2:53:15 - Creating User Collection
2:54:33 - Creating User Routes
2:59:55 - Creating a User
3:09:17 - Password Security
3:13:56 - Creating a User
3:18:39 - Login Authentication
3:24:41 - Login API Call
3:27:43 - Landing Page
3:34:01 - Authentication Token
3:44:51 - Axios authorization
3:48:45 - Backend Authentication Verification
3:57:39 - Authentication Testing
4:02:57 - Redirecting unauthorized pages
4:05:14 - Logout button
4:07:28 - Author field
4:09:44 - Profile page
4:18:57 - Creating an AWS bucket
4:23:25 - AWS Backend Code
4:27:08 - AWS Credentials
4:31:00 - AWS Routes
4:39:24 - AWS API Calls
4:45:55 - AWS - Mongo Connection
4:53:25 - Image upload
5:02:13 - ERROR FIX
5:04:16 - Displaying image
5:05:00 - Shadcn/Tailwind Setup
5:11:33 - Landing page
5:18:59 - Navbar
5:24:00 - BlogCard
5:27:29 - Home Page
5:28:41 - ReadBlog Page
5:34:38 - CreateBlog Page
5:40:23 - About/Contact Page
5:45:45 - Profile Page
5:50:40 - Styling Overview
Watch video MERN Stack Tutorial: Learn MongoDB, Express, React, Node.js online without registration, duration hours minute second in high quality. This video was added by user Austin Davis 26 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,05 once and liked it 44 people.