Hack_Day

Turn hackathon moments into shareable stories in seconds.

Comment

🧠 Inspiration

Hackathons are full of powerful moments — excitement, breakthroughs, teamwork, and pure creativity. But while participants build amazing things, they rarely get the chance to capture and share those moments in a meaningful way.

People snap photos, but they stay in the gallery with no story attached. We wanted to fix that.

HackDay was inspired by the idea of turning every hackathon moment into a small story — something you can instantly share with your team, your community, or on social media.

📸 What HackDay Does

HackDay is a simple, lightweight web app that helps hackathon participants:

  • Upload a photo
  • Generate an AI-powered caption instantly
  • Regenerate the caption with different vibes
  • Save or download the result
  • Share the moment with friends or social platforms

It transforms raw photos into stories — fast, fun, and effortless.

🛠️ How We Built It

HackDay was built using a minimal but powerful stack:

  • Next.js — frontend, routing, and UI
  • OpenAI API — caption generation
  • Supabase Storage — handling user image uploads
  • Supabase Functions — lightweight backend pipeline
  • Tailwind CSS — styling
  • ShadCN UI — clean, modern components

Our focus was speed and simplicity, making everything work smoothly within tight hackathon time limits.

⚙️ Challenges We Faced

  • Making image uploads reliable without a server-heavy setup
  • Ensuring the AI generated captions that actually match hackathon energy
  • Handling CORS + Supabase configurations
  • Creating a simple but beautiful UI using ShadCN + Tailwind
  • Testing across different browsers and devices under time pressure

Each challenge improved the final workflow and sharpened our design decisions.

🎉 Accomplishments We're Proud Of

  • Built a functional AI caption generator within a single hack day (literally)
  • Designed a clean, responsive interface that feels modern
  • Integrated OpenAI + Supabase smoothly with minimal boilerplate
  • Created a tool people enjoyed testing during the hackathon
  • Improved our rapid prototyping and iteration speed

📚 What We Learned

  • How to design user flows that feel natural and friction-free
  • More best practices for integrating AI models into simple apps
  • Fast debugging, teamwork, and decision-making in time-limited environments
  • Efficient use of Supabase Storage in a real project
  • The importance of simple UX for fast demos

🚀 What's Next for HackDay

  • Add multiple caption styles:

    • Funny
    • Motivational
    • Tech jargon
    • Minimalist

  • Build a team gallery mode for organizers and participants

  • Add direct sharing, starting with WhatsApp and Instagram

  • Add optional AI-powered filters

  • Create a mobile-first version using React Native

  • Explore creating a version for conferences, meetups, and events

HackDay started as a hackathon tool, but it can evolve into a simple way for anyone to capture and share the moment — wherever they are.

Built With

Share this project:

Updates