This idea started with me not being able to buy a GPU and constantly losing to bots/scalpers. I figured I'd use this as way to see how far I can get with 'vibe-coding and designing'*.
The end result was pretty far! Here are more details of behind the scenes. In a future blog post, I'll detail behind the scenes process of building this.
- The landing page is React/Typescript/Tailwind.css (which I've never used before)
- The dashboard is based on Evidence.dev - which is SQL queries in Markdown + little bit of custom Javascript for chart formatting (again never used before :)
- Just being able to get an idea like this in my head into existence would have taken me many months of Stack overflow/Google research to first learn React/Typescript/Javascript but this took about a month (~1-2 hr a day)
* 'Vibe-coded' is often a misnomer i.e. people sometime think it's a magic pill. From building this I can tell you that you can't just will the site into existence like a genie's wish. It still took significant effort to guide the LLM, debug when things go wrong, need to have an idea of design and taste of what to build and how to make it look good, work on many iterations. There were probably 500 iterations between the first and the final iteration.