A rigorous curriculum for building and deploying complete web applications — from the interface users see to the servers and databases powering it. By Week 6, you will have built and shipped full-stack projects that handle real users, real data, and real authentication.
Highlights
Practice Build — Architecture Diagrams
Map three apps you use daily and diagram what the frontend, backend, and database are doing for five specific user actions each. No code — pure mental model building.
Portfolio Project — React Frontend App
Build a polished React app consuming a public REST API — a job board, a crypto tracker, or a recipe search. Multiple pages via React Router, hooks for state and data fetching, and clean loading and error states throughout.
Portfolio Project — Database-Backed REST API
Build a clean REST API for a resource of your choice. Full CRUD, a real PostgreSQL database, consistent JSON responses, and a fully documented Postman collection.
Portfolio Project — Auth-Protected Full Stack App
Add full authentication to your Week 2 API and build a connected React frontend. Users can register, log in, and access protected pages. Passwords are hashed, tokens expire, and the UI reflects the user's session state correctly.
Practice Build — Refactor to Context + React Query
Refactor your Week 3 React frontend to use Context API for auth state and React Query for all API calls. No new features — the same app, significantly cleaner and more scalable underneath.
Portfolio Project — Full Stack Application
Build a complete full-stack application from scratch — a project management tool, a community forum, or a social bookmarking app. React frontend, Express backend, PostgreSQL database, JWT authentication, and at least one integration: file upload, email, or real-time feature. Both sides deployed and communicating in production.
Define a real problem and build a complete web application to solve it — a marketplace, an event booking platform, a collaboration tool, or a community app.
A live URL is required to complete the course.
Required:
| Week | Project | Output |
|---|---|---|
| Week 1 | React Frontend App | Live React App |
| Week 2 | Database-Backed REST API | PostgreSQL-Powered API |
| Week 3 | Auth-Protected Full Stack App | Authenticated Full Stack App |
| Week 5 | Full Stack Application | Complete Deployed Project |
| Week 6 | Capstone Product | Live Full Stack Product |
You finish the course with a deployed full-stack product, a GitHub profile showing every layer of the stack, and the ability to build and ship complete web applications independently.
React before advanced state. Backend before database. Auth before integration. Each layer is understood on its own before being stacked on the one beneath it.
Week 5 is dedicated entirely to connecting the frontend and backend together — the part most courses treat as obvious but never actually teach.
There are no theory-only weeks. Every week ends with a practice build or a portfolio project.
Both the Week 5 project and the capstone are deployed live — React on Vercel, API on Railway. You graduate knowing the full pipeline from a git push to a running production application.