MERN Stack Tutorial

Setup and Architecture

1 Introduction to MERN Stack 8 min 2 Install Node and npm 8 min 3 Install MongoDB Locally 8 min 4 Create the Monorepo Folders 8 min 5 Backend package.json Scripts 8 min 6 Frontend Vite React App 8 min 7 Environment Variables Habit 8 min 8 CORS Between React and Express 8 min 9 Proxy Dev Setup 8 min 10 MernVerse Architecture Sketch 8 min

React Fundamentals

11 React Components and JSX 8 min 12 Props and Composition 8 min 13 useState Basics 8 min 14 useEffect Data Load 8 min 15 Controlled Forms 8 min 16 Lists Keys and Maps 8 min 17 Conditional UI 8 min 18 Custom Hooks Sketch 8 min 19 React Router Setup 8 min 20 Protected Client Routes 8 min

Express APIs

21 Express App Skeleton 8 min 22 Routers and Controllers 8 min 23 JSON Body Parsing 8 min 24 Middleware Pipeline 8 min 25 Central Error Handler 8 min 26 Request Validation 8 min 27 REST Resource Design 8 min 28 Status Codes Habit 8 min 29 Async Route Handlers 8 min 30 API Version Prefix 8 min

MongoDB and Mongoose

31 Connect Mongoose 8 min 32 Schema and Model 8 min 33 Create and Find Documents 8 min 34 Update and Delete 8 min 35 Query Filters and Sort 8 min 36 Indexes for Hot Fields 8 min 37 Populate References 8 min 38 Aggregation Sketch 8 min 39 Transactions When Needed 8 min 40 Seed Script Pattern 8 min

Authentication

41 Password Hashing with bcrypt 8 min 42 JWT Access Tokens 8 min 43 Auth Middleware 8 min 44 Register and Login Routes 8 min 45 Store Token on Client 8 min 46 Logout and Token Expiry 8 min 47 Role Checks Sketch 8 min 48 Refresh Token Idea 8 min 49 HttpOnly Cookie Option 8 min 50 Auth Flow End to End 8 min

UI Meets API

51 fetch Wrapper 8 min 52 Axios Client Sketch 8 min 53 Loading and Error States 8 min 54 React Query Basics 8 min 55 Context for Auth User 8 min 56 Zustand Tiny Store 8 min 57 Optimistic UI Sketch 8 min 58 Pagination on API and UI 8 min 59 Search and Debounce 8 min 60 File Upload Multipart 8 min

Product Features

61 CRUD Feature Slice 8 min 62 Admin vs User Views 8 min 63 Toast Notifications 8 min 64 Socket.IO Live Badge 8 min 65 Email Stub Hook 8 min 66 Background Job Sketch 8 min 67 Rate Limit Middleware 8 min 68 Caching with Redis Idea 8 min 69 Logging Requests 8 min 70 Feature Flag Habit 8 min

Security and Testing

71 Helmet and Secure Headers 8 min 72 Sanitize Inputs 8 min 73 XSS and React Habits 8 min 74 CSRF Notes for Cookies 8 min 75 Secrets Never in Git 8 min 76 Unit Test a Service 8 min 77 Supertest API Tests 8 min 78 React Testing Library Sketch 8 min 79 Lint and Format CI 8 min 80 Security Checklist 8 min

Deploy and Ops

81 Production Build React 8 min 82 Serve Static from Express 8 min 83 Docker Compose Sketch 8 min 84 Mongo Atlas Connection 8 min 85 Deploy API to a VPS 8 min 86 Deploy Frontend Separately 8 min 87 CI Pipeline for MERN 8 min 88 Health Check Endpoint 8 min 89 Observability Basics 8 min 90 Rollback Habit 8 min

Projects

91 Notes SaaS Project 8 min 92 Task Board Project 8 min 93 Shop Catalog Project 8 min 94 CRM Contacts Project 8 min 95 Blog CMS Project 8 min 96 Job Board Project 8 min 97 Chat Rooms Project 8 min 98 Analytics Cards Project 8 min 99 Learning Portal Project 8 min 100 MernVerse Capstone App 8 min