Investigations

Agile Task Board

TypeScript June 2025

Full-stack Agile/Scrum kanban board with nested todos, image attachments, recurring tasks, and production deployment on Hetzner.

What started as a todo app became a full Agile task management system. The kanban board has 5 stages — Backlog, TODO, In Progress, Review, Done — with drag-and-drop between them. Tasks support nested hierarchical views, image attachments, recurring schedules, and priority levels.

The backend follows hexagonal architecture in Go with Gin, gqlgen for GraphQL, MySQL, and JWT authentication. The frontend is Next.js 15 with React 19, Apollo Client, Tailwind, Radix UI, and Storybook 9 for component development.

What sets this apart from typical todo apps is the production deployment. There are full Hetzner VPS deployment scripts — SSH setup, fresh server provisioning, remote sync tools for pulling and pushing between dev and production environments. It's actually deployed and running.

The event system adds a bounty management layer with locking mechanisms, completion requests, and proxy workflows. GraphQL codegen ensures TypeScript type safety across the full stack.

What this project demonstrates

Kanban board with 5 stages and drag-and-drop
Nested hierarchical todos with image attachments
Hexagonal Go backend with Gin, gqlgen, JWT, MySQL
Production deployed on Hetzner VPS with deployment scripts
Storybook 9 component library
Recurring tasks, priority levels, bounty/event system

Technologies

Next.jsGoGraphQLKanbanAgileHetzner

© 2026 Jonathan Leahy · v0.9.3