BrainDump

Inspiration

We've all had those moments — staring at a screen with 47 tabs open, a to-do list that scrolls forever, and a brain that just... freezes. The irony of productivity tools is that most of them add to cognitive load. They give you more fields to fill, more views to configure, more systems to maintain. When you're already overwhelmed, the last thing you need is another complex tool.

Research in cognitive psychology tells us that the human brain can only hold about 3-4 items in working memory at once. Yet most task managers show you everything — a wall of obligations that compounds the very stress you're trying to manage.

We asked ourselves: what if a productivity tool's job wasn't to show you more, but to show you less?

That question became BrainDump: an app designed not around productivity, but around cognitive relief.

What It Does

BrainDump is built around a simple flow that mirrors how an overwhelmed brain actually works:

1. Dump: Get it all out. Type, speak, or upload files. Our AI extracts real, actionable tasks from your unstructured thoughts. No forms, no fields — just a brain dump.

2. Triage: See only what matters. Your tasks are sorted into just two buckets: Do Now and Do Later. The Do Now column is hard-capped at 3 tasks — because that's what your brain can handle. Auto-balancing ensures this limit is always respected.

3. Focus: One thing at a time. Pick a task and enter Focus Mode, where AI breaks it into 5 manageable micro-steps with a built-in Pomodoro timer. You don't have to think about how — just start.

4. Reset: When it's too much, breathe. A dedicated calm space with guided box breathing and inspirational quotes. No guilt, no timer guilt — just a moment to recenter.

5. Panic Button: An instant escape valve. One click opens whatever relaxes you — a game, music, a video — fully customizable. Because sometimes you need a break right now.

6. Calendar: Ground yourself in time. A visual month view that makes your workload feel finite and manageable, with smart date parsing so tasks land where they belong.

7. AI Advisor: A voice-powered assistant that listens, understands context, and manages your tasks for you. Add tasks, reschedule, mark things done — all by just talking.

How We Built It

BrainDump is a Next.js application with a Supabase backend, styled with Tailwind CSS and animated with Framer Motion.

AI Layer:

• GPT-4o powers the brain dump pipeline — parsing unstructured text, voice transcripts, and uploaded documents into structured tasks through a multi-turn conversation
• GPT-4o-mini handles lighter tasks: generating focus micro-steps, the AI advisor, and streaming personalized "mind letters"
• OpenAI TTS gives the advisor a voice, so it can talk back to you

Drag-and-Drop & Ordering: We used @dnd-kit (with its sortable preset) for the Triage board. Task ordering is maintained via fractional indexing — a technique that generates lexicographically sortable keys between any two existing positions, allowing insertions without reindexing the entire list. This keeps drag-and-drop reordering fast and conflict-free, even with real-time Supabase sync.

Voice Interface: The AI Advisor uses the Web Speech API for real-time speech recognition, paired with OpenAI's TTS API for responses. Hold a button (or press Right Shift), speak naturally, and the advisor interprets your intent — mapping it to task actions with confidence scoring to decide whether to act immediately or ask for confirmation.

Calm by Design: Every UI decision was intentional. The color palette uses soft teals and warm oranges — calming but not sterile. Animations are smooth and unhurried. The breathing exercise uses expanding concentric circles timed to a 4-4-4-4 box breathing pattern. Even the loading states (skeleton screens instead of spinners) are designed to reduce visual anxiety.

What We Learned

• Constraint is a feature. Capping Do Now at 3 tasks felt limiting at first — but it's the single most impactful design decision we made. It forces prioritization and immediately reduces the "wall of tasks" anxiety.
• AI works best when invisible. The best moments in BrainDump are when the AI just does the right thing — extracts the right tasks, generates the right steps, moves the right item. The user shouldn't have to think about the AI; they should just feel lighter.
• Overwhelm is emotional, not just logistical. A task manager that only organizes tasks misses the point. Features like Reset, the Panic Button, and the Mind Letter exist because sometimes the answer isn't "do more" — it's "feel okay first."

Challenges We Faced

Collaboration at Sprint Speed

This was our biggest challenge by far. In a hackathon, you're moving fast — everyone is moving fast. The problem isn't just merge conflicts (though there were plenty). It's that in a sprint this intense, it's nearly impossible to isolate tasks small enough to avoid stepping on each other's work. One person is refactoring the Triage drag-and-drop logic while another is adding auto-balancing to the same component. By the time you push, the file has changed three times. We learned quickly that communication cadence matters as much as code quality — and that smaller, more frequent commits were our best defense against conflict hell.

APIs That Almost Worked

A more minor but frustrating challenge: we ran into cases where APIs we chose appeared to support our use case, documentation looked right, examples seemed to match, but once integrated, edge cases or unsupported features surfaced that forced us to pivot. It's a subtle time sink because you don't realize it's a dead end until you're already invested. The lesson: prototype the riskiest API integration first, before building UI around it.

Built With

• nextjs
• openai
• shad-cn
• supabase
• tailwindcss
• typescript
• vercel