The Final Submission Kit

• 

  The Final Submission Kit

Inspiration

With the deadline approaching, I found myself in a familiar state of hackathon panic. I had a dozen browser tabs open: submission requirements, project URLs, sponsor pages, the whole enchilada.

I was scared of one thing: forgetting one detail that could make my entire project ineligible for the vast collection of prizes, or the hackathon itself.

Then it dawned on me. I realized every single participant in this hackathon faces this chaos. So... for the final few hours before the deadline, I built a solution for us: the Final Submission Kit.

What it does

The Final Submission Kit is the central hub for organizing your entire Devpost submission. It's a "meta-hackathon" tool designed for any participant, with the goal of reducing stress and preventing any last-minute errors.

• ✅ Interactive Challenge Checklist: Select the Challenge Prizes you're competing for, and the app instantly prompts you for the exact required IDs (e.g., Supabase Slug, Netlify ID), ensuring you don't forget anything.

• 🔗 Core Asset Organizer: A clean interface to gather your essential links—your live project URL, your Bolt.new project URL, your video demo, and your code repository—all in one place.

• 🔍 Built-in Badge Checker: A utility to quickly open your live site and visually confirm that the mandatory "Built with Bolt.new" badge is present and working.

• 📝 Challenge Summary Generator: Automatically creates a pre-formatted text block listing the challenges you entered and their corresponding IDs, ready to be pasted into your Devpost description.

• 🖨️ Print Your Kit: With one click, generate a clean, printable "cheat sheet" of all your organized information, so you can have it right next to you as you fill out the official form.

How I built it

This project was built to be fast and reliable. The star of the show? Bolt.new ⚡

• Core Environment: The entire application was developed inside the Bolt.new integrated environment. Its speed and all-in-one nature were essential for building and testing rapidly under the tight deadline.

• Tech Stack: Vite + React with TypeScript to create a modern, performant single-page application.

• UI/UX: shadcn/ui and Tailwind CSS to build a clean, minimalist interface with light/dark mode. The goal was to create a calming and confidence-inspiring user experience, even when the user is stressed.

• Persistence: To make the tool reliable without a backend, I used the browser's localStorage. This ensures that if a user accidentally refreshes the page, all their carefully organized information is saved and instantly restored.

• Live Community Counter (Supabase): 🚀 To add a sense of shared experience, I integrated a live counter showing the number of kits prepared by the entire community. Powered by Supabase PostgreSQL, I used a serverless RPC function to handle the count atomically, ensuring every participant's contribution was securely tallied and displayed in real-time, to a global audience.

Challenges I ran into

The biggest challenge was deciding how to manage a user, and their data, such that they would easily adopt the tool. It needed to be instant and require no login. This ruled out a traditional backend database, and I went with a client-side technology: using localStorage. By doing so, I created a completely serverless utility, that is not only free, but also lightning-fast and private. The user's submission data never leaves their own browser.

Accomplishments that I'm proud of

I'm incredibly proud of building a tool that directly addresses a pain point shared by the entire hackathon community. Rather than building something for a hypothetical user, I built the exact tool that I wished was around in the hackathons I've done in the past. It's focused, simple, and calms me down during a period of high stress. I even got it in the hands of some participants: shoutout to the 10+ coders that have loved it so far!

What we learned

I spent days trying to come up with an idea to "impress" the judges. I spent days trying to prototype a complex application, only to run into issues. After (somehow) stumbling upon this project, I learned that the most impactful project is the one that solves the most immediate problem for the community you are a part of. Building a tool that helps others succeed is an incredibly rewarding experience.

What's next for The Final Submission Kit

This tool was born out this year's edition of the Bolt.new hackathon. I see a future for it in next year's edition, as well as across the entire Devpost ecosystem.

• Integration with Bolt.new: Becoming the official submission kit for future Bolt.new hackathons.
• Generalization: Configurable for any hackathon on Devpost.
• More Tools: Expand to include a README.md generator and a Demo Video script helper.
• Community Templates: Allow users to save and share templates for specific types of hackathons (e.g., "Web3 Hackathon Kit," "AI Hackathon Kit").

Built With

• react
• supabase
• tailwind
• typescript
• vite