Complete MERN Stack Project - React Node.JS Express.JS MongoDB Context API JWT Blog App Tutorial
Complete MERN Stack Project - React Node.JS Express.JS MongoDB Context API JWT Authentication Full Stack CRUD Blog App Tutorial
Hostinger Discount: https://www.hostg.xyz/SH8cs
In this complete MERN Stack Project tutorial, you'll learn how to create a Fullstack Blog App using React Node.JS Express.JS MongoDB Context API JWT Authentication for beginners! Create a full CRUD MERN Stack Project tutorial from scratch.
2024 Responsive React Portfolio Website Tutorial: https://www.udemy.com/course/react-js...
In this video, you'll learn how to register and login users using Jason Web Token Authentication for secure and seamless user access, React Hooks and Custom Hooks, Context API, React Router 6, CSS Variables, CSS Media queries for responsive design, Uuid to create unique strings for images, express-fileupload to help use with image uploads, bcryptjs for password encryption, dotenv for environment variables, mongoose to communicate with MongoDB database, express as our nodejs framework, and more.
Real-world CRUD Operations: Create, read, update, and delete posts/articles that persist to MongoDB.
Register, Login, and edit user details. Users will be able to update their Profile Image, Upload Images when creating posts, update post images/thumbnail, delete images, and manage posts seamlessly.
Become a Patron: / egator
SOURCE CODE: https://www.buymeacoffee.com/egator/e...
Assets: https://github.com/egattor/mern-blog-...
Timestamps
00:00 Intro (What you'll learn & Project Demo)
15:16 Hosting & FREE Domain
19:06 Project Folder Structure
25:35 Routing (with React Router 6)
41:00 General CSS Styles
54:20 Navbar CSS
01:00:50 Footer
01:05:35 Error Page
01:09:03 Home/Posts
01:27:58 Post Detail/Single Post Page
01:39:40 Author & Category Posts
01:44:30 Register & Login Page
01:58:10 Authors Page
02:05:40 Profile Page
02:19:50 Dashboard (My Posts) Page
02:28:45 Create & Edit Post Pages
02:40:03 Media Queries (Responsive Design)
02:57:00 Prerequisites
03:01:35 Connecting to MongoDB
03:11:00 User Routes & Controllers
03:18:45 Not Found (404) & Error Middleware
03:23:25 Testing Routes with Postman
03:30:55 User Model
03:33:03 Register User
03:45:30 Login User
03:53:00 Get User (Profile)
03:55:50 Get Users/Authors
03:57:03 Change User Avatar
04:11:12 Authentication Middleware
04:16:35 Edit User
04:31:40 Post Controllers & Routes
04:38:14 Testing Post Routes using Postman
04:44:20 Post Model
04:48:00 Create Post
05:02:15 Get Posts
05:04:14 Get Single Post
05:06:00 Get Posts by Category
05:07:45 Get Posts by Author
05:12:15 Edit Post
05:24:53 Delete Post
05:40:29 Connecting Frontend & Backend
