Duration: Month 1 — The base layer every MERN dev needs

Skills:

• Semantic HTML5
• Forms & Validation
• CSS Flexbox
• CSS Grid
• Responsive Design
• CSS Animations & Transitions
• JavaScript Fundamentals (variables, loops, functions)
• DOM Manipulation
• ES6+ (arrow functions, destructuring, spread, modules)
• Async JS — Promises, async/await, Fetch API
• Git & GitHub basics

Mini Projects:

• Personal Portfolio Website (this one!)
• JavaScript Calculator
• To-Do App (no framework)
• Weather App using Fetch API

Success Criteria:

• Build a responsive webpage from scratch without tutorials
• Fetch data from a public API and display it

Duration: Month 2 — Build dynamic user interfaces

Core React Skills:

• JSX Syntax
• Components (functional)
• Props & Component Composition
• useState Hook
• useEffect Hook
• Event Handling in React
• Conditional Rendering & Lists
• React Router v6 (multi-page apps)
• Context API (global state)
• Axios for API calls
• Custom Hooks
• React + Tailwind CSS or CSS Modules

Projects:

• Expense Tracker (useState, forms)
• Movie Search App (API + React Router)
• Notes App (Context API)
• Learning Tracker Dashboard

Success Criteria:

• Build a multi-page React app that fetches & displays real API data
• Manage state across components without prop drilling

Duration: Month 3 — Server-side JavaScript

Node.js Skills:

• Node.js runtime & npm
• CommonJS & ES Modules
• File System (fs) & Path modules
• Event Loop & Async patterns in Node

Express.js Skills:

• Express setup & routing
• Middleware (body-parser, cors, morgan)
• RESTful API design (GET, POST, PUT, DELETE)
• Route parameters & query strings
• Error handling middleware
• JWT Authentication (JSON Web Tokens)
• bcrypt password hashing
• Environment variables with dotenv

Projects:

• REST API for a Notes app
• User Authentication API (register + login + JWT)
• Blog REST API (CRUD)

Success Criteria:

• Build a secure REST API with JWT auth tested in Postman

Duration: Month 4 — NoSQL database for the MERN stack

MongoDB Skills:

• MongoDB Atlas setup (cloud DB)
• Documents, Collections & the JSON data model
• CRUD operations in MongoDB shell
• Queries, filters & projection
• Indexing for performance
• Aggregation pipeline

Mongoose (ODM) Skills:

• Schemas & Models
• Data Validation in Mongoose
• Populate (references between documents)
• Virtual fields & Middleware hooks
• Connecting Mongoose to Express.js

Projects:

• Notes App with MongoDB storage
• Blog with Users + Posts (relationships)
• Product Catalog with search & filters

Success Criteria:

• Design a MongoDB schema for a real app and implement full CRUD via Mongoose

Duration: Month 5 — Connect all four pieces together

Integration Skills:

• Connect React frontend to Express backend (CORS setup)
• JWT auth flow — login, token storage, protected routes
• Axios interceptors (auto-attach tokens)
• Global auth state with React Context
• File uploads with Multer + Cloudinary
• Environment variables for both client & server
• API error handling & user feedback (toasts)
• Pagination & infinite scroll
• Search & filtering with MongoDB queries

Flagship MERN Projects:

• Full-Stack Blog Platform (React + Express + MongoDB + JWT)
• Task Manager with user accounts & real-time updates
• E-Commerce Store (products, cart, orders, auth)

Success Criteria:

• Ship a fully working MERN app with authentication from scratch
• Handle protected routes, form errors, and loading states correctly

Duration: Month 6 — Get real apps live on the internet

Skills:

• Deploy React frontend on Vercel / Netlify
• Deploy Node/Express backend on Render / Railway
• MongoDB Atlas in production
• Environment variables in production
• Custom domain setup
• HTTPS & security headers
• Basic Docker containerisation
• GitHub Actions CI/CD pipeline
• Performance monitoring (logs, uptime)

Deliverables:

• 3 deployed MERN apps with live URLs
• Automated CI/CD pipeline for at least one project

Success Criteria:

• Anyone on the internet can use my MERN apps

Next.js: Server-side rendering, App Router, full-stack React framework

TypeScript: Type-safe JavaScript across the entire MERN stack

Redis & Caching: Session management, performance optimisation

WebSockets: Real-time features (Socket.io) for chat & live dashboards

AI Integration: OpenAI APIs, LangChain, AI-powered MERN apps

Cybersecurity: Secure development, penetration testing, AI for security

Entrepreneurship: Build & launch technology products — Sri Lanka needs more tech founders.