162 focused days
A 162-day, 17-phase path from semantic HTML and browser JavaScript to React, Node, MongoDB, Postgres, identity, Next.js, payments, storage, real-time systems, testing, Redis jobs, authenticated email, Docker delivery, AWS, and GCP. It preserves atomic topic depth, begins each phase with a useful win, and ends phases with original professional projects plus explanation, diagnosis, delayed-recall, and changed-requirement evidence.
HTML, CSS, JavaScript, and TypeScript before frameworks
Master the language of the page from absolute zero to production UI
Go from a blank file to building and styling useful public-interest interfaces with raw CSS and Tailwind — covering the full CSS foundations sequence before finishing with an original, responsive neighborhood-resource portal pushed to GitHub.
Make things actually do things
Read, write, and reason about modern JavaScript. End the phase with two interactive apps shipped to the web.
Type safety, how the web works, git like a teammate
Read TypeScript fluently, understand what actually happens when you visit a URL, and use git like a senior would expect.
React, APIs, databases, identity, and Next.js
Learn React through original products with increasing state, routing, data, and evidence demands
Build three substantial React products with decreasing guidance: a local aquarium-care console, a routed query-powered transit-accessibility explorer, and a deployed emergency-shelter readiness dashboard.
Build production-shaped backends
Build a production-shaped REST API with validation, file uploads, caching, rate limiting, structured logging, proper error handling — and both manual (Postman) and automated (Vitest + Supertest) tests.
Two real data layers: document (Mongoose) and relational (Drizzle + Postgres)
Model and query real data in MongoDB, then put Postgres behind your Node API with Drizzle — schema as TypeScript, migrations, relations, transactions — and know exactly when to reach for each. You already know SQL; this teaches Drizzle from zero and how to spend that SQL knowledge inside a real backend.
Cryptography, sessions, JWT, magic links, OAuth, NextAuth — the right tool every time
Understand cryptography from first principles — hashing, symmetric and public-key encryption, signatures, TLS, and end-to-end encryption — then implement password auth properly, understand JWT vs sessions, ship passwordless/magic-link login, wire OAuth (Google + GitHub), and deploy NextAuth with RBAC and audit — knowing which to use when.
The way Next.js wants to be used in 2026
Build a production Next.js app using the App Router fully: server components, server actions, streaming, caching, route handlers, a deliberate rendering strategy, and an E2E test suite — without fighting the framework.
Payments, storage, real-time work, testing, jobs, and trusted email
One-time payments, subscriptions, webhooks, and billing state — global and India
Charge money correctly and safely with two providers: Stripe (global) and Razorpay (India). Master Checkout, subscriptions, webhook-driven billing state, refunds, and the security rules that keep payments trustworthy.
Cloudinary, S3 + CloudFront, signed URLs, direct-to-storage uploads
Move beyond "save a file path in Mongo" — handle uploads, transformations, signed URLs, and CDN delivery the way real apps do.
WebSockets, chats, group chats, and live collaboration — built and scaled
Move past request/response. Build the real-time layer that powers chat, group chat, presence, typing indicators, and live collaboration — then scale it horizontally the way production apps do.
Unit, integration, and component tests that actually catch bugs — with CI coverage
Write tests a team would respect: fast unit tests with Vitest, real API/integration tests against a test database, and component tests with React Testing Library — wired into CI. (Browser E2E/Playwright is deliberately out of scope.)
Caching, rate limiting, pub/sub, and background jobs — the production toolbelt
Use Redis correctly and know when NOT to: caching that cuts latency, rate limiting that protects your API, pub/sub that glues real-time servers together, and BullMQ background jobs with retries and dead-letter handling.
DNS from scratch, Hostinger → Vercel, and email that reaches inboxes
Understand what a domain and DNS records actually do, connect a Hostinger domain to Vercel with confidence, and send authenticated transactional email from a real domain.
Containers, continuous delivery, AWS, GCP, and reliability
Containerize confidently, then automate test → build → deploy on every push
Understand containers deeply — images, layers, multi-stage builds, Compose, networking, volumes — then build GitHub Actions pipelines that lint, test, build images, and deploy automatically and safely.
IAM, domains & DNS, S3 + presigned URLs, CloudFront, EC2/VPS, HTTPS — console and CLI
Own your infrastructure. Go from an empty AWS account to a real Node app running on a server you configured — IAM, domains/DNS, S3 with presigned uploads, a CloudFront CDN, an EC2/VPS with Nginx + HTTPS — using both the console and the AWS CLI.
GCP projects/IAM, Cloud Storage & DNS, Compute Engine, Cloud Run, Cloud SQL, and DevOps practices
Become cloud-portable: apply the mental models from AWS to Google Cloud, deploy containers serverlessly on Cloud Run, and adopt the DevOps practices (monitoring, secrets, IaC) that keep production healthy.