Skip to content

Module 13: Capstone Project

Build a complete, full-stack React + TypeScript application with authentication, API integration, database persistence, and a meaningful test suite.

This module is planned. Full content coming soon.

Prerequisites

  • Module 12: Performance and Advanced Patterns (all prior modules should be complete)

What You'll Build

This capstone module is build-oriented, not lecture-oriented. You will produce a real, deployable full-stack application that synthesises concepts from all prior modules.

The Project: A full-stack task management application (or a comparable project of your own choosing) with the following requirements:

  • Frontend: Next.js 14+ with App Router, TypeScript, Tailwind CSS
  • Authentication: User signup, login, and session management using NextAuth.js
  • API: At least two server-side API routes (or Next.js Route Handlers)
  • Database: Persistent data storage using Prisma with SQLite (local) or PostgreSQL (deployed)
  • Testing: Unit tests for utility functions (Jest) and at least 3 component tests (React Testing Library)
  • Deployment: Deployed to Vercel (free tier) with a live URL in the README

Getting Unstuck

The module README (when fully written) will include:

  • A phased project plan with milestones
  • Architecture diagrams and decision guidance
  • Collapsible hint sections for each milestone
  • Links back to the relevant teaching modules for each feature
  • Debugging guides for common issues (auth flows, Prisma migrations, TypeScript errors)

[!IMPORTANT] This module is intentionally challenging. The goal is not to hand you a solution — it is to let you synthesise everything you have learned. Use the hint sections when stuck, but always try the problem yourself first. The struggle is where the learning happens.