Course 02 Detail Sheet

MERN Stack in 45 Days

"Full-stack developer. 45 days. Deployed on Day 45."

45Total learning days
6Technology phases
45Recorded sessions
1Full-stack app, live deployed

Curriculum & Timeline Detailed Breakdown

Phase 01Days 1–8Node.js

Node.js — JS Outside the Browser

Node runtime vs browserCommonJS modulesnpm & package.jsonfs & path modulesRaw http serverasync/await in Nodedotenv & configError handling

Outcome: Raw Node HTTP server handling 3 routes + .env config

Phase 02Days 9–18Express.js

Express.js — Real API Architecture

Express setup & routingreq.params / query / bodyMiddleware & next()Router filesREST API designError handling middlewareCORSFile uploads (Multer)Request validation

Outcome: Complete REST API for Users + Products — 10 endpoints

Phase 03Days 19–26MongoDB

MongoDB + Mongoose — Persistent Data

MongoDB Atlas setupmongoose.connect()Schema & ModelCRUD with MongooseSchema validationpopulate() for relationsFilter / sort / paginateAggregation basics

Outcome: API now persists to MongoDB Atlas — real data, real cloud

Phase 04Days 27–32Auth / JWT

Authentication — JWT + bcrypt

Sessions vs JWTbcrypt hashingRegister & login endpointsjwt.sign() & verify()Auth middlewareUser-owned resources

Outcome: Full auth system — register, login, JWT, protected routes

Phase 05Days 33–40React

React — Frontend That Talks to Your API

Vite setup (not CRA)Components & propsuseState & useEffectReact Router v6Context API (AuthContext)Axios + interceptorsForm handling

Outcome: React frontend fetching from your own Express API with auth

Phase 06Days 41–45Deploy

Capstone Build + Deploy — Ship It

Auth UI end-to-endTask CRUD frontendAPI integrationDeploy backend to RenderDeploy frontend to VercelCORS for productionEnv vars in production

Outcome: TaskFlow — live full-stack app, shareable URL on Day 45

Capstone Project

TaskFlow — Full Stack Task Manager

🌐 Live on Render + Vercel

A production-style task management app with JWT authentication, MongoDB persistence, protected React routes, and full CRUD. Backend on Render, frontend on Vercel. A real full-stack application students can add to their portfolio immediately.

Node.jsExpress REST APIMongoDB AtlasMongooseJWT AuthbcryptReact + ViteReact Router v6AxiosContext APIRender (backend)Vercel (frontend)