4 weeks, from your first page to a deployed app.

• How the web works: clients, servers, HTTP, and how a browser renders a page
• HTML5 structure and semantic tags, building forms and layouts
• CSS fundamentals: the box model, Flexbox, Grid, and responsive design
• JavaScript basics: variables, functions, arrays, objects, and the DOM
• Making pages interactive: events, DOM manipulation, and fetch()
• Version control with Git and GitHub: commit, push, branches, and GitHub Pages

Week 1 project: Responsive Portfolio Website. Build and deploy your own responsive personal portfolio with HTML, CSS and a touch of JavaScript, then publish it on GitHub Pages.

• Why React: components, JSX, and thinking in reusable UI
• Props and state, the useState and useEffect hooks
• Rendering lists, conditional rendering, and handling events
• Fetching live data from a public API and displaying it
• Component structure, forms, and controlled inputs
• Styling in React and basic client-side routing

Week 2 project: Live API App. Build a React app that fetches and displays live data, a weather dashboard or a task board, with state, events and a clean component structure, then deploy it to Vercel or Netlify.

• Node.js and npm: what a back-end does and how to run one
• Express: routes, middleware, and REST APIs (GET, POST, PUT, DELETE)
• MongoDB and Mongoose: schemas, models, and CRUD operations
• Connecting a React front-end to your API, environment variables and CORS
• Authentication basics: JWT, password hashing, and protecting routes
• Project structure, error handling, and testing endpoints

Week 3 project (MERN): Notes / Tasks CRUD API. Build a full REST API for a Notes or Tasks app with Express and MongoDB, create, read, update and delete, then connect it to a simple React screen.

• Next.js fundamentals: file-based routing, server and client components
• API routes and server actions, handling requests the modern way
• PostgreSQL with Supabase: tables, relationships, and queries
• Data fetching and mutations, environment variables and secrets
• Authentication with Supabase Auth: sign-up, login, protected pages
• Project structure, error handling, and deploying on Vercel

Week 3 project (Next.js): Notes / Tasks CRUD API. Build the same Notes or Tasks app using Next.js API routes and a Supabase Postgres database, full create, read, update and delete, so you can compare the stacks directly.

• Python for the web: Flask, and where Django fits, for building APIs
• Building REST endpoints: routes, requests, responses, and JSON
• PostgreSQL with an ORM (SQLAlchemy): models, migrations, and CRUD
• Connecting a React front-end to your Python API, environment variables and CORS
• Authentication basics: tokens, password hashing, and protected routes
• Project structure, error handling, and testing endpoints

Week 3 project (Python): Notes / Tasks CRUD API. Build the same Notes or Tasks app with a Flask REST API and PostgreSQL, full create, read, update and delete, then connect it to a simple React screen.

• Pick your capstone, one project from the catalog, built in your chosen stack
• Wire it together: React front-end connected to your Week-3 back-end and database
• Deployment: front-end (Vercel or Netlify), back-end (Render or Railway), database (Atlas or Supabase)
• Environment config, authentication, and a clean, responsive UI
• Documentation: problem statement, architecture, workflow, technologies, future work
• Record a 3 to 5 minute demo video and prepare a short final presentation

Capstone: Ship your own full-stack app. Build one real, deployed full-stack application individually in your chosen stack. Submit a GitHub repository with source, README and screenshots, a 3 to 5 minute demo video, and a final presentation, then present it live on Demo Day.