⇠ All articles

World's Largest Hackathon — Day 1

On: 2025-05-16
Tags:

The World's Largest Hackathon is a hackathon hosted by the people at bolt.new, which is an AI-powered app builder. The hackathon started on June 1st, but I started my project just now, at 8PM on June 15th.

AI – make me an app!

I needed ideas for a project. I asked Claude Sonnet 4 to give me a few ideas, I gave it a list of tools that I could use, including the services in the Builder Pack and those part of the challenges. Along with that, I also mentioned I had an SMTP server and an LLM completions API.

I wish the builder pack included credits for some AI model like Claude, GPT, or Gemini. I had to bring my own LLM, which sucks, because as a student, it's really hard for me to get access to a credit card to pay these corporations. Another gripe I had was that many services in the Builder Pack still asked for a card even after applying a 100% discount coupon, including bolt.new, unfortunately.

That aside, I didn't like any of the ideas, so I tried again with Gemini 2.5 Pro, which gave me an interesting "collaborative work tool". The rest of the idea was absolute garbage, filled with nonsense filler words that you'd expect from an AI answer and not making sense as a product overall, but it did steer me into an idea for this project. I asked the same LLM to refine this idea and tailor it to my needs, and organised.today was born!

The name for that project did not come from any LLM, however. I decided on that simply by putting related adjectives into IONOS' domain finder tool and found one that looked nice. Unfortunately, organized.today was already taken, and me being from India, saw organised.today first, since that's how we spell it here, and the thought of the other spelling did not reach my mind until it was too late :( (I hope the judges don't accidentally visit the wrong website).

bolt.new initial impressions

I've used bolt.new a total of once before. I usually use Vercel's v0 instead, since it usually gives me a better experience for what I use it for. I use it only for UI prototyping. I do NOT use it for coding the actual features of my project, but only to give me a UI and a general idea of how the application should look like. Essentially, it allows me to not worry about making my website look beautiful or appealing, and I can focus more on its functionality.

My one usage of bolt, from my history, was for essentially the same purpose, but using SvelteKit instead. Since v0 only supports NextJS, React, and shadcn with TailwindCSS, a very specific tech stack, I had used bolt to build me a prototype of a SvelteKit application.

This hackathon, however, expected me to use bolt.new for much more than that. According to the rules, "The Project can be built completely with Bolt.new or significantly started on Bolt.new as determined by Sponsor, in its sole discretion", so building-off of a simple prototype was a no-go.

So I gave it a big prompt, asking it to generate a landing page for me which looked modern and sleek, so I don't have to focus on the design part. If AI has replaced one thing for me, it's definitely Figma.

Unfortunately, bolt was not a smooth experience. The first time, it generated a project with NextJS instead of SvelteKit, even when I had asked it to use SvelteKit specifically; so I added "USE SVELTEKIT WITH SHADCN-SVELTE. NO REACT, NO NEXTJS" to the prompt, and created a new project.

This time, it did use SvelteKit, and did create some thing, but the project when ran errored out with a Vite error claiming it could not find Svelte's tsconfig. I've seen that error before, and was sure that it would be fixed if I re-installed deps and restarted the dev server. When I Ctrl-C'd the built-in terminal and ran npm i (Stackblitz uses npm by default for some reason), it hung.

After five minutes, I refreshed the page, and found an infinite "Setting up your project..." loading screen.

A split screen with a chat window in the first 25%, and an editorwindow in the next 75%. The editor window has an empty list of files, and has"Setting up your project..." written in the work area. The chat window shows abunch of "Create <filename>" items.

In the left chat window, there are a bunch of "Create <filename>" items, which should imply that those files would have been created, but the Files list is empty. And no, refreshing the page multiple times did not help either.

So I opened Stackblitz, the service that bolt uses under the hood (and the same company that built bolt) to start a Node server in the browser. It's pretty cool tech I've explored before, they use this this thing called WebContainers. Stackblitz lists projects bolt creates in a private "Bolt Collection". I opened the one created by my prompt, and lo-and-behold:

A blank Stackblitz editor page. There are no files in the filetree, the editor's work area has a bolt.new chat input, and the preview panejust says "Booting WebContainer" with a checkmark.

Absolutely nothing. The whole project is empty. Even though the prompt had completed and the app had been started (even if it errored out). So I ran the prompt again.

This time, bolt failed to run npm install, because it made up a version of a dependency (formsnap version ^0.2.2, when the latest version as of the time of writing was 2.0.1. Version 0.2.1 did exist, but not 0.2.2). That's a HUGE problem in "vibe-coding", when AI hallucinates versions of dependencies, or uses very old libraries, or even worse, hallucinates a random package. This has happened before, so be very careful. I am certainly going to bump the package versions later.

I bumped formsnap myself to version ^2.0.0, and ran npm install again, but just like before, it hung indefinitely. So, I gave up for the day and downloaded the project as a ZIP file, since I ran out of tokens, and it was getting pretty late anyway.

Extras

Here's the prompt I used (it was half-made by Gemini):

We're going to build an all-in-one email system for organisations. This email platform supports not just sending and receiving email, but it also organises and manages them using AI. It will also have a chat and meeting platform, all with its own AI integration.

The platform will be named organised.today. The landing page will be hosted at https://get.organised.today, and the main application will be hosted at https://be.organised.today. Do keep in mind that this is the English (UK) spelling of organised, not the US spelling. The codebase for both sites will be the same however. I'll manage that part, you don't have to worry about it.

Your task right now is to build the best landing page for this application. Make it look absolutely beautiful, make it look modern and sleek, use glass blur effects, gradients, glows, shadows, borders, and other sexy design appeals. I've attached a few pictures of landing pages of websites you can take inspiration from.

What follows is a brief description of the application so you can build the landing page:

`organised.today` is a revolutionary platform that unifies email, chat, and meeting functionalities into a single, intelligent workspace. Key features include:

*   **AI-Powered Email Management:** Smart email summarization, automated prioritization, intelligent draft generation, and action item extraction.
*   **Integrated Team Chat:** Real-time communication with AI-assisted translation, summarization, and meeting note generation.
*   **Seamless Meeting Platform:** Integrated video conferencing with AI-driven transcription and action item capture.
*   **Centralised Knowledge Base:** Connect all your documents, wikis, and shared resources for smart AI search.

You should include a big hero section with a CTA button, a features section, a pricing page, an about page, and anything else you see fit. Make the application using sveltekit, and integrate it with supabase for authentication, db, and storage. It'll be deployed on netlify.

You must use tailwindcss and shadcn-svelte.

As for the preferred colors, I'd like you to use purple and blue for the accent color, but make the page have a white/black frosty design depending on light/dark mode.

USE SVELTEKIT WITH SHADCN-SVELTE. NO REACT, NO NEXTJS

I had also attached the landing pages of Linear, Trigger (OSS), Appwrite (OSS), Qdrant (OSS), and Infisical (OSS).

This is not an endorsement for any of those services, in fact, I don't use any of them myself. I just found their website looked nice and wanted bolt to use them as inspiration. I had them saved somewhere in my bookmarks or my memory.


Thanks for reading! If you like my work, please consider supporting me through any of the links below:

Let's chat! Drop me an email.

⇠ All articles