Course 03 Detail Sheet

Zero to MERN in 65 Days

"No experience needed. Full-stack developer by Day 65."

65Total learning days
9Distinct learning phases
65Recorded sessions
1Full-stack app, live deployed

Curriculum & Timeline Detailed Breakdown

Phase 01Days 1–7HTML

HTML — Building the Skeleton

Boilerplate & browserText & headingsLinks & imagesLists & navDivs & semantic HTMLForms & inputsTables (data only)

Outcome: Semantic static recipe page — all HTML, no styling yet

Phase 02Days 8–16CSS

CSS — Styling, Layout, Responsive

Box modelTypography & Google FontsSelectors & specificityFlexboxCSS GridMedia queriesCSS variablesTransitions

Outcome: Responsive landing page — hero, 3 feature cards, fully mobile ready

Phase 03Days 17–27JavaScript

JavaScript — Logic, DOM, APIs

Variables & typesFunctions & arrow fnsDOM manipulationEventsArrays & loopsObjects & JSONFetch & async/awaitlocalStorageES6 modulesClassesGit & GitHub basics

Outcome: Persistent to-do list + public GitHub repos pushed

Phase 04Days 28–34Node.js

Node.js — Servers and Modules

Node runtimerequire & module.exportsnpm & nodemonfs moduleRaw http serverdotenvError handling

Outcome: CLI tool + raw Node server with .env config

Phase 05Days 35–44Express.js

Express.js — Full REST API

Express routingMiddlewareRouter filesREST API designError middlewareCORSValidationMulter uploads

Outcome: 10-endpoint REST API for Users + Products

Phase 06Days 45–52MongoDB

MongoDB + Mongoose — Cloud Database

Atlas free clusterMongoose connectSchema & ModelCRUD operationsValidation & defaultspopulate()Filter / sort / paginateAggregation basics

Outcome: API now persists to MongoDB Atlas — no more in-memory data

Phase 07Days 53–57Auth / JWT

JWT Authentication — Real Login System

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

Outcome: Complete register/login system with protected note routes

Phase 08Days 58–63React

React — Frontend Connected to Your API

Vite setupComponents & propsuseState & useEffectReact Router v6AuthContextAxios + token interceptorForm submission

Outcome: React frontend wired to Express API — login & notes working

Phase 09Days 64–65Deploy

Deploy — Put It on the Internet

Push to GitHubDeploy backend to RenderDeploy frontend to VercelCORS in productionEnvironment variables

Outcome: NoteNest — live full-stack app on the internet, Day 65

Capstone Project

NoteNest — Full Stack Notes App

🌐 Live on Render + Vercel

A complete full-stack notes application. Users register, log in, and manage their own personal notes. JWT protects all routes. MongoDB stores all data. React handles the frontend. Deployed live and fully functional by Day 65 — a real portfolio piece.

HTML + CSS + JSNode.jsExpress REST APIMongoDB AtlasMongooseJWT AuthbcryptReact + ViteReact Router v6AxiosContext APIRender + Vercel