Personal project2026
Organizer
A task organizer used as a full development-cycle exercise — design system, typed API, database, CI/CD and cloud infrastructure.
- Type
- Personal project
- Role
- Solo — architecture and full-stack development
- Period
- 2026 · in progress
- lines of API codegen
- 0
- workspace packages
- 5
Why I built it
The domain is deliberately small — tasks — so the pipeline can be the interesting part. Organizer is a playground for the whole development cycle: design system → frontend → backend → infrastructure → CI/CD.
Architecture
A pnpm + Turborepo monorepo:
apps/web— Vite SPA with React 19, TanStack Router and TanStack Query.apps/api— Fastify + tRPC v11 server, containerised for Cloud Run.packages/ui— a publishable component library on Tailwind CSS v4 and Radix primitives, documented in Storybook.packages/db— Drizzle schema and migrations for Neon Postgres.packages/shared— Zod domain schemas shared by API and web.
The detail I like most
The API contract is just a TypeScript type. The web app imports AppRouter from the API type-only, so there’s no code generation step and no duplicated schema — change a procedure on the server and the frontend fails to compile until it’s updated.
What’s next
Terraform for the infrastructure and a full GitHub Actions pipeline deploying the API to Cloud Run and the web app plus Storybook to Firebase Hosting.