Hackathon Planner
A task board for two.
A task board my mate and I built so we'd stop overwriting each other's work while we were both learning to code. Each project gets its own board, and you can see who owns what and who's on it right now.
What it does
May 2025- 01One board per projectEach project is its own hackathon, so tasks never mix. You join one from an invite link.
- 02Mine, shared, doneTabs for your tasks, shared tasks and finished ones, so the board doesn't turn to soup.
- 03Drag to prioritiseThe order of the list is the priority, so you drag tasks into place.
- 04Who's hereA presence indicator shows who's on the board right now.
- 05A list to start withDescribe the idea and the AI writes five to eight starting tasks, each with hours and a priority.
- 06Countdown and timelineA clock counting down to the end of the hackathon, and a Gantt chart of the tasks.
Signature
Me, mate, shared
Each colour belongs to someone. Cyan is me, purple is my mate, and teal is the work we share, the overlap of two circles. It was the whole problem the board was built to solve: knowing whose work is whose.
How it works
- Live tasksEach board subscribes to its tasks in Supabase, so a change on one screen shows up on the other straight away.
- PresenceAn open board checks in every 30 seconds and marks you inactive when you leave.
- Row-level securityYou can only read boards you've joined. Creating your profile on sign-up is the one thing that runs on the server with the service key.
- Tasks in a fixed shapeTask generation uses the Vercel AI SDK's generateObject with a Zod schema and Llama 3.1 on Groq, so the model hands back tasks the board can use as they are.
Design
InterAa
#0A0A0A#00D4FF#5C6370#F4F5F7
- OLED black with neon: electric blue, purple and teal.
- Glow on the surfaces that matter: a blurred gradient under rounded cards and a soft shadow on lit text.
- Dark only. It was built for 1am.
- The first pass was made in v0, then extended by hand. It shows.