Flux Task Board

Built a four-column Kanban board with drag-and-drop, guest accounts, teams, labels, due dates, and live status metrics.

Status
Live
Updated
Sep 2026
Tools
HTML, JavaScript, TypeScript, CSS, PLpgSQL

The problem

Built a four-column Kanban board with drag-and-drop, guest accounts, teams, labels, due dates, and live status metrics.

What I built

Built a four-column Kanban board with drag-and-drop, guest accounts, teams, labels, due dates, and live status metrics.

How it works

  • Four-column Kanban board (To Do / In Progress / In Review / Done) with smooth drag-and-drop between and within columns, backed by dnd-kit.
  • Guest accounts via Supabase anonymous auth — a session is created automatically on first load, and Row Level Security scopes every row to that guest.
  • Realtime sync: the board subscribes to Postgres changes, so edits reflect instantly across tabs/devices for the same guest.
  • Team members with colored avatar initials, assignable to any task.
  • Custom labels with board-wide filtering.

Tradeoffs and limits

The live build is a portfolio demonstration. Availability and external services can vary, and the repository remains the source of truth.

What I learned

Connected React and dnd-kit to Supabase Auth, Postgres, Realtime, and row-level security so each guest gets an isolated workspace.

Documents

Resume

Download PDF
Preview of Aden Ramirez's software engineering resume