Capstone Projects

Major portfolio-ready projects completed throughout your learning journey.

0 of 17 completed

No Completed Projects Yet

Complete capstone projects as you progress through the roadmap and they'll appear here.

Upcoming Projects

Phase 1HTML & CSS Foundations

Neighborhood Resource Portal

Phase 1 capstone: ship an original Tailwind portal where residents browse services, open a service detail, scan community updates, and inspect an organization profile. Derive the information hierarchy from a supplied content brief, publish it, and document accessibility, responsive, and intentional simplification decisions.

Phase 2JavaScript Essentials

Phase 2 Capstone — Two deployed civic tools

The Pantry Dispatch Board and Public Art Walk Planner are both live, polished, keyboard-operable, failure-aware, and documented with evidence of the state and async decisions you made.

Phase 3TypeScript, Web Internals & Git

Phase 3 Checkpoint

The Typed Air-Quality Advisory ships through a real issue, branch, review, squash, and release workflow. You can defend its types, trace its network request, and contribute without rewriting history.

Phase 4React (Modern)

Shelter Readiness Dashboard — Deployed and Tested

Ship a responsive readiness dashboard with shareable region and shelter routes, normalized civic open-data snapshots, TanStack Query server state, validated Redux preferences, an accessible deterministic status summary, failure recovery, tests, and no browser secret.

Phase 5Node + Express + REST APIs

Food-Safety Inspection API — DEPLOYED & TESTED

Build an API for registering establishments, recording checklist findings and evidence, and moving inspections through explicit review states. Use Node, Express, TypeScript, Zod, Pino, and Vitest/Supertest; expose separate public/internal views, structured audit events, rate limits, and OpenAPI-backed documentation.

Phase 6Databases — MongoDB + Postgres

Mutual-Aid Inventory Lineage API — DEPLOYED

Build a Postgres/Drizzle API that traces donated goods from intake batch through storage, reservation, handoff, and adjustment. Support full-text search, faceted filters, and cursor pagination; make every multi-record handoff transactional, enforce invariants in the database, seed realistic batch histories, test against a real database, and defend the relational model.

Phase 7Authentication Deep Dive

Consent-Based Records Release Console — DEPLOYED

Build a clinic console where a patient authorizes a time-bounded records release, staff request scoped access, supervisors approve exceptional access, and every view or export is audited. Use secure sessions, RBAC plus ownership rules, revocation, visible emergency-access disclosure, and deployed OAuth or magic-link sign-in.

Phase 8Next.js App Router Mastery

Conservation Permit Review Workspace — DEPLOYED & TESTED

Build a multi-tenant permit workspace in Next.js: regional teams receive habitat-impact applications, annotate evidence attachments, assign review states, request revisions, and publish read-only decision packets. Use App Router, server components/actions, tenant boundaries, deliberate cache rules, Playwright, and observability.

Phase 9Payments: Stripe & Razorpay

Workshop Seat and Sponsorship Billing — DEPLOYED

Build billing for a training cooperative: learners reserve paid seats, sponsors fund seat pools, organizers issue partial refunds, and webhooks reconcile every state change. Support Stripe and Razorpay behind one provider interface, verify signatures, prevent duplicate reservations, and expose an auditable payment and allocation ledger.

Phase 10Image / File Storage at Scale

Oral-History Archive Ingest — DEPLOYED

Build archive intake for interview audio, consent forms, portraits, and transcripts: direct browser uploads, private masters, signed cataloguer links, public-safe derivatives, checksum metadata, and withdrawal rules. Use S3-compatible storage, presigned URLs, appropriate CDN delivery, and document the threat model.

Phase 11Real-Time Systems with Socket.io

Live Emergency Drill Map — DEPLOYED

Build a real-time drill coordinator: controllers open an exercise, wardens report zone status, observers submit timestamped incidents, authorized participants see a live map, and the controller closes and exports the drill. Use authenticated Socket.io rooms, presence, acknowledgements, rate limits, Redis scaling, and reconnect recovery.

Phase 12Testing: Vitest & Backend Testing

Permit Appeal Regression Lab — TESTED

Build a deliberately small permit-appeal flow with a deadline/time-zone bug and an authorization leak. Define its contract, reproduce both failures, and protect the corrected workflow with unit, API integration, component, and end-to-end tests plus honest CI coverage thresholds.

Phase 13Redis & BullMQ

Batch Geocoding Dispatch Service — DEPLOYED

Accept address batches from outreach teams, cache normalized lookups, rate-limit tenant imports, queue provider calls and map-bundle generation, retry transient failures safely, and report per-row progress. Use Redis, BullMQ, managed Redis, observability, and before/after latency and provider-call measurements.

Phase 14Custom Domains & Transactional Email

Multilingual Clinic Appointment Confirmation — DEPLOYED

Launch a clinic confirmation flow on a Hostinger domain connected to Vercel: a patient requests an appointment, receives an authenticated language-appropriate confirmation from the custom domain, and follows a short-lived reschedule link. Document DNS, SPF, DKIM, DMARC, delivery diagnostics, privacy boundaries, and rollback.

Phase 15Docker & CI/CD (GitHub Actions)

Flood-Alert Canary Delivery Pipeline — DEPLOYED

Containerize a flood-alert subscription service and build a safe release system around it: multi-stage image, Compose development stack, GitHub Actions gates, staging, a canary smoke test against fixture gauges, manual production approval, health verification, and a tested rollback.

Phase 16AWS from Scratch

Satellite Tile Delivery on AWS — DEPLOYED

Deploy a secure service for research teams to upload imagery batches and retrieve generated map tiles: least-privilege IAM, an EC2 API behind Nginx and HTTPS, S3 presigned upload, CloudFront delivery, Route 53, lifecycle policies, backup/restore evidence, budgets, and an operational runbook.

Phase 17Google Cloud & DevOps

Water-Quality Telemetry Reliability on GCP — DEPLOYED

Deploy a telemetry intake and public-status service to Cloud Run with Cloud SQL and Cloud Storage dependencies, Secret Manager, a custom domain, and CI/CD through workload identity. Define freshness and availability objectives, test stale-sensor and database failures, wire actionable alerts, record costs, and prove rollback.