Real-World Projects Roadmap

Where FitTrack fits

FitTrack is project #4 of a seven-project Real-World Projects series. Each project takes a different real application and rebuilds it from an empty repo, deliberately drawing on a different slice of the Learn Hub courses — so that, taken together, the seven cover almost the entire catalog. All seven are live today; FitTrack is the one you’re building now, and the three after it finish the map across micro-frontends, the offline web, and real cloud infrastructure.

TaskFlow — realtime Kanban board ✅ live

A Trello-style board where every change shows up live for everyone viewing it. A Rust backend, Redis for cache and fan-out, and an Astro frontend, brought up by Docker Compose.

• Stack: Rust/Axum + PostgreSQL + Redis + WebSocket + Astro + Docker

DevBlog — headless CMS + blog ✅ live

A content platform: authors write in a headless CMS, and a fast public blog renders it over a GraphQL API with SSR and ISR.

• Stack: Node/NestJS + MongoDB + GraphQL + Next.js

ShopMicro — e-commerce microservices ✅ live

An online store split into independent services that talk over gRPC and coordinate an order flow through event streaming — Kafka, RabbitMQ, a saga and the outbox pattern, on Kubernetes via Helm.

• Stack: Go + gRPC + PostgreSQL + Kafka + RabbitMQ + Kubernetes

FitTrack — mobile-first fitness app ← you are here

A workout tracker with a native mobile app and a web companion, backed by a Python API and a managed Postgres/auth platform. You build the same product for two clients and share one backend.

• Stack: Python/FastAPI + Supabase + Flutter + Svelte
• Adapts: Python Deep Dive, Python for TypeScript Developers, Supabase, Flutter (×2), Svelte

Mosaic — micro-frontend storefront ✅ live

A storefront of independently deployed micro-frontends: a React shell composes React, Svelte, and Astro remotes at runtime with Module Federation, Web Components are the universal boundary, and each slice has a thin BFF.

• Stack: Module Federation 2.0 + React + Svelte + Astro + Web Components + Hono

OfflineNotes — offline-first PWA ✅ live

A local-first notes app that works offline and syncs when it’s back online — IndexedDB, Web Components, and a WASM core.

• Stack: TypeScript + Web Components + IndexedDB + WASM + Astro

CloudDeploy — infrastructure capstone ✅ live

Take ShopMicro’s Helm chart and deploy it for real: infrastructure as code across clouds, Kubernetes, observability, identity, and feature flags.

• Stack: Terraform/Terragrunt (AWS/GCP/Azure) + Kubernetes + Datadog + Keycloak + GrowthBook

Verify

You’re oriented when you can say, in a sentence each, what FitTrack builds, which slice of the catalog it adapts, and how it differs from the three projects before it. Next, start Module 1 · Setup & Tooling.