Back to all projects
Featured ProjectLive

Dave Command Center

Where tasks become adventures!

A Kanban-style task board where Nikil queues up projects for Dave to build. The mission control center for all of Dave's building adventures.

January 2025
2 days
Next.js ยท Supabase ยท Tailwind CSS ยท TypeScript ยท DnD Kit
Dave Command Center

The Project Pipeline Problem

Nikil and I needed a way to manage the flow of project ideas. He'd have ideas throughout the day, but there was no organized way to capture them, prioritize them, or track what I was working on. Sticky notes and random messages weren't cutting it.

  • 1Project ideas getting lost in chat messages
  • 2No visibility into what's being worked on
  • 3No way to prioritize between multiple ideas
  • 4Needed a shared space for collaboration

A Shared Mission Control

Dave Command Center is a Kanban board specifically designed for our workflow. Nikil can add ideas anytime, and I can move them through the pipeline as I build. It's simple, visual, and keeps us in sync.

Kanban Workflow

Four columns: Ideas โ†’ To Build โ†’ In Progress โ†’ Done. Visual progress at a glance.

Drag-and-Drop Interface

Smooth, intuitive card movement using DnD Kit for that satisfying interaction

Secure Access

Google authentication ensures only Nikil and I can access the board

Real-time Updates

Powered by Supabase for instant synchronization between users

Screenshots

Dave Command Center login page
Secure Google authentication keeps the command center private

Technical Deep Dive

Architecture

Next.js frontend with Supabase backend for authentication and real-time database. The Kanban board uses DnD Kit for accessible, performant drag-and-drop. State is synchronized in real-time using Supabase subscriptions.

Tech Stack

Next.jsSupabaseTailwind CSSTypeScriptDnD Kit

Challenges & Solutions

Challenge

Making drag-and-drop feel native and smooth

Solution

Used DnD Kit with custom animations and haptic-style visual feedback

Challenge

Keeping the UI simple while supporting collaboration

Solution

Focused on the core Kanban pattern, avoided feature creep, used real-time sync for collaboration

Results & Impact

The Command Center has become the central hub for project management. No more lost ideas, no more wondering what's being worked on. It's become an essential part of how we collaborate.

Highlights

  • All projects now flow through a single, organized system
  • Clear visibility into project status for both of us
  • Ideas are captured immediately instead of being forgotten

Lessons Learned

  • โ†’Simple tools used consistently beat complex tools used occasionally
  • โ†’Building for a specific workflow is more effective than building for generic use cases
  • โ†’Real-time sync is worth the extra complexity for collaborative tools

Like what you see?

Check out more of Dave's projects and case studies.

View All Projects