Track Projects
Seventeen guided projects that turn each learning track into something you can build and verify.
Build something at the end of every major topic.
Debug a Local Web App
Use the runtime mental models from this track to diagnose a deliberately broken local web application without guessing.
Open project →Build Static TaskFlow
Build an accessible, responsive TaskFlow interface before introducing JavaScript or React.
Open project →Build TaskFlow Lite in JavaScript
Turn the static page into a working task manager using only browser JavaScript so the language fundamentals are visible.
Open project →Migrate TaskFlow Lite to TypeScript
Move the working JavaScript TaskFlow Lite into TypeScript without hiding the runtime boundaries.
Open project →Build TaskFlow Lite in React
Rebuild TaskFlow Lite in React while keeping state ownership, derived values, effects, and component boundaries easy to explain.
Open project →Build the TaskFlow Web Shell
Turn the React mental model into a real Next.js App Router application with deliberate server/client boundaries.
Open project →Build the TaskFlow API Module
Create a NestJS/Fastify Tasks module and trace one request through the framework pipeline.
Open project →Ship the First Frontend-to-API Vertical Slice
Connect the web app to the API and use browser/network evidence to understand the complete HTTP exchange.
Open project →Design the TaskFlow PostgreSQL Schema
Build and query the relational model directly in PostgreSQL before introducing the ORM.
Open project →Add Prisma without Losing the Database Mental Model
Map the known PostgreSQL design into Prisma, inspect generated SQL, and build persistent task operations safely.
Open project →Complete the Production Tasks API
Build CRUD, validation, error semantics, business rules, filtering, search, stable sorting, and pagination as one coherent API.
Open project →Secure TaskFlow End to End
Add Supabase identity, verify tokens in NestJS, and enforce roles, permissions, ownership, and tenant isolation on the API.
Open project →Build the Production Task Screen
Build a complete task screen using React Hook Form, Zod, TanStack Query, and deliberate state ownership.
Open project →Build Collaborative Tasks and Attachments
Add realtime updates and secure file attachments while keeping the database as the durable source of truth.
Open project →Build a Production Quality Gate
Prove TaskFlow behavior with tests, threat-driven checks, telemetry, and measured performance rather than confidence by inspection.
Open project →Release TaskFlow
Package the API, verify it in CI, deploy API + web, and prove the production release with smoke tests and rollback notes.
Open project →Model an Enterprise Procurement Workflow
Transfer the course architecture into a business workflow with approvals, auditability, background work, and tenant boundaries.
Open project →