build things.

Every project here solves a real business problem.

Three phases. Two projects each. Each phase adds new tools to your stack. You never rebuild the same thing — you always move forward. By the end you'll have 6 deployed apps built with REST, GraphQL, and TypeScript.

Ground Rules

01No tutorials. Docs only.

02Commit after every meaningful change.

03Write a README explaining your decisions.

04Deploy everything.

05Ugly first, functional first.

06Google the specific problem, not the whole app.

Phase 1

REST + JavaScript

Build with what you know from FSO Parts 0–7. No new tools. The goal is to get comfortable making every decision yourself.

React Express MongoDB JWT React Query Redux Toolkit Vitest Playwright

Freelancer Invoice System

Financial calculations, PDF generation, status workflows, and dashboard analytics. The kind of tool freelancers actually pay for.

Inventory & POS System

Product variants, atomic stock operations, multi-role access, and a cashier-speed POS interface. Real retail software.

Phase 2

GraphQL

Complete FSO Part 8. Then build with Apollo Server + Apollo Client. Nested data that required 5 REST calls now comes in one query.

Apollo Server Apollo Client GraphQL React MongoDB JWT

Appointment Booking Platform

Time slot algorithms, double-booking prevention, calendar UI. GraphQL resolves provider + service + slot data in one query.

Multi-Tenant Client Portal

Data isolation between tenants, three-role access, deliverable review workflows. Real SaaS architecture.

Phase 3

TypeScript

Complete FSO Part 9. Then build in TypeScript from the start. These are the hardest projects and the ones you talk about in interviews.

TypeScript React Express or Apollo PostgreSQL or MongoDB React Query Redux Toolkit