PHASE 4 OF 7

Execution

Time management, tech stack selection, MVP strategy, and team coordination.

INTERACTIVE

Plan Your 24 Hours

Allocate hours across each phase and get real-time feedback. Feel the tradeoffs of a fixed time budget.

TL;DR Drag hours between phases to see why every minute added to one phase steals from another.

Time Allocator

Distribute 24 hours across phases

24-Hour Timeline

0h / 24h

0h4h8h12h16h20h24h

Ideation

0h

Finalize idea, assign roles, sketch architecture, deploy boilerplate.

Core

0h

End-to-end flow working. Ugly is fine. Prove the concept.

Build

0h

Heads-down feature work in timeboxed blocks. Cut what takes too long.

Polish

0h

Connect pieces, fix critical bugs, polish the happy path UI.

Demo

0h

Record demo video, build pitch deck, prep Q&A slides.

Submit

0h

Practice pitch 3+ times, submit all deliverables early.

24h unallocated

0/24h

The Speed Mindset

Hackathons are time-limited. Anything that can be sped up, should be. The edge comes from eliminating what slows you down, not from working harder.

TL;DR Win by subtracting: cut everything that doesn't make the demo better.

The big shift: engineers are moving from code creation to code curation. You guide AI tools instead of writing everything yourself. At most hackathons, AI generates the boilerplate; you modify and optimize it to fit your project.

SPEED
Do Less, Do It Faster

Cut, skip, ship the core flow first. Every minute that doesn't improve the demo is wasted. Speed comes from subtraction.

If a feature takes more than 2 hours, question whether it belongs in the demo at all.

LEVERAGE
Let Tools Do the Work

Tools are force multipliers. AI editors, generative UI, managed services, and templates generate boilerplate. Save human effort for vision, design, and core logic.

The fastest-shipping engineer isn't the fastest typist, but the best curator of tools.

FOCUS
Build for the Demo

Build a proof of concept, not a product. It tells a story in 3 minutes. Every decision passes one test: “Does this make the demo better?”

Polish the happy path. Ignore the edge cases. Judges will never see them.

Parkinson's Law

“Work expands so as to fill the time available for its completion.”

Cyril Northcote Parkinson, 1955. Tighter deadlines sharpen output. Timebox to create urgency inside the hackathon.

The AI-Powered Workflow

AI generates the boilerplate; you modify and optimize it to fit the project. Three tools do the heavy lifting.

TL;DR Let AI write the first draft, then curate it: Cursor, v0, and Claude Artifacts save tens of hours per event.

CODE EDITOR
Cursor
A VS Code fork that uses your whole codebase as a knowledge base.
  • Context-aware generation that beats Copilot by indexing the whole project
  • Inline edits with Command+K to refine, not regenerate
  • Multi-line predictions that read your intent

Edit, don't create

from code creation to code curation

GENERATIVE UI
Vercel v0
Generative UI that outputs React powered by shadcn/ui and Tailwind CSS.
  • Full React components from a natural-language prompt
  • npm-installable output you drop straight into your project
  • Next.js, shadcn, Tailwind already, so zero translation

Instant UI

describe it, install it, ship it

AI CHAT
Claude Artifacts
Chat-based code generation with live previews and interaction history.
  • Live previews in one tab that show results instantly
  • Fast debugging of teammates' code mid-hackathon
  • Full history so you can retrace your steps

Tens of hours

saved at each hackathon

Andrej Karpathy

“The hottest new programming language is English.”

Former Tesla AI lead, OpenAI founding member

Thomas Dohmke

“AI coding is here to stay. It's a new way for developers to express their creativity.”

CEO of GitHub

Scope Hammering

Fixed time, variable scope. You cut features until what's left fits. This discipline separates shipping teams from unfinished messes.

TL;DR Time is non-negotiable, so scope is what you cut: build the vital 20%, kill the comfortable 80%.

Ryan Singer's Shape Up methodology from Basecamp defines scope hammering as “forcefully questioning a design, implementation, or use case to cut scope and finish inside the fixed time box.” Time is the one thing you can't negotiate. Scope is what you cut.

BUILD THIS
The Vital 20%
The features that make judges say “wow.” Everything else is noise.
  • One core flow that works end to end
  • One killer demo moment that shows the vision
  • Polished happy-path UI, because first impressions matter
  • The 20% that carries 80% of the impact

Ship this

the core that tells the story

cut here

CUT THIS
The Comfortable 80%
Features that feel important but won't change the judge's decision. Kill them.
  • Auth and login: hardcode a user, skip signup
  • Admin panels, settings, profiles
  • Edge cases, error handling, validation
  • Migrations, multiple user types, permissions

Kill this

it won't change the outcome

Sheryl Sandberg / Facebook

“Done is better than perfect.”

Jason Fried / Getting Real

“Build less. Underdo your competition. Fewer features, fewer options, fewer meetings, fewer promises.”

The Hackathon Timeline

A battle-tested breakdown of how to allocate 24 hours. Adapt the ratios for 36- or 48-hour events, but keep the structure.

TL;DR Get a working flow by hour 4, stop building by hour 16, and spend the last 4 hours on demo and pitch.

1

Ideation and Architecture

Hour 0-2

Finalize the idea, assign roles, and sketch the architecture. Set up the repo with a boilerplate and deploy to staging so you can demo 'hello world' within the first hour.

2

Core Pipeline

Hour 2-4

Get the end-to-end flow working. Ugly is fine: hardcode values, skip error handling, duct-tape it together. Prove the concept before investing more time.

3

Build Sprint

Hour 4-16

Heads-down feature work in timeboxed 2-3 hour blocks. After each block, ask 'Can we demo right now?' Cut any feature that runs long. Sleep in shifts; exhaustion kills productivity faster than lost hours.

4

Integration and Polish

Hour 16-20

Connect the pieces. Fix critical bugs only and polish the happy-path UI judges will see. No new features. If it's not working by hour 16, it won't.

5

Demo Prep

Hour 20-22

Record the demo video, build the deck, and prep Q&A appendix slides. This is the highest-ROI activity of the hackathon: a polished pitch with a working demo beats a perfect codebase with a bad presentation. Tight on build hours? The demo video can usually slide into the post-submission buffer before judging; see the submission playbook for the timing trick.

6

Rehearse and Submit

Hour 22-24

Practice the pitch 3+ times and time it. Submit every deliverable early (Devpost, video, repo) and make no changes after. Use the rest to rest and prep mentally for judging.

Timeboxing ranks among the most effective productivity techniques, per Harvard Business Review. Assign fixed blocks and stop when time is up, done or not.

Brooks's Law says “adding manpower to a late software project makes it later.” When you're behind, cut features instead of adding scope or people.

The Leverage Toolkit

Tools and techniques that multiply output without multiplying hours. Save human effort for what only humans can do.

TL;DR The fastest code is code you didn't write: lean on starters, libraries, managed services, and one-click deploys.

Boilerplate Repos

Pre-built starters (Next.js, Flask, Express) skip the first 2 hours of setup. Have your go-to stack ready before the event.

Component Libraries

Use shadcn/ui, Radix, or Material UI instead of building primitives. Import, customize, ship. The fastest code is code you didn't write.

Deployment Pipeline

One-click deploy on Vercel or Netlify. Set up CI in hour one so you can always demo a live URL. Never demo from localhost.

API-First Approach

Use managed services (Supabase, Firebase, Auth0) instead of building infrastructure. Let them handle auth, storage, and databases.

Version Control Discipline

Commit often, branch per feature, never break main. A broken main at hour 20 is hackathon-ending.

Communication Shortcuts

Shared Figma, standups every 2-3 hours, one Slack/Discord channel. Over-communication beats under-communication at 3AM.

Naval Ravikant — AngelList Co-founder

“Code and media are permissionless leverage. They're the leverage behind the newly rich. You can create software and media that works for you while you sleep.”

Use leverage (templates, AI, APIs, no-code) and reserve human effort for vision, design, and high-impact decisions.

“Make it work.
Make it right.
Make it fast.

Kent Beck, creator of Extreme Programming

In a 24-48 hour sprint, most teams never get past “make it work.” That's fine. A working demo with a clear story beats a half-finished masterpiece. Winners don't have the cleanest code; they shipped something that works and told a compelling story.

The engineer's role is shifting. You're measured by the experience you deliver, not lines of code. Use every tool, template, and AI assistant. Curate, don't create from scratch. Ship, then polish.

The fastest path to first place is the shortest path to a working demo.

Execution Checklist

A step-by-step summary for shipping under extreme time pressure. Follow this and you'll never be the team scrambling at the last minute.

TL;DR Deploy early, ship a working flow first, timebox everything, and stop building 4 hours before submission.

Set up repo, boilerplate, and deploy pipeline in hour one. Never demo from localhost

Get the end-to-end flow working before adding features. Ugly is fine; broken is not

Timebox every task. Past 2 hours, cut scope or switch approach

Use AI for boilerplate. Save human effort for core logic, design, and integration

Checkpoint every 2-3 hours: "Can we demo right now?" If not, fix that first

Stop building 4 hours out. Polish UI, record the demo video, and rehearse the pitch

"Done is better than perfect." Ship what works, cut what doesn't, sell the vision

Remember: The goal isn't the best software, it's the best demo. Build less, leverage more, and always be ready to show what you've got.