These days, everyone's been talking about vibe coding, so I decided to give it a try. I used Claude Code as my tool.
I originally just wanted to "make something fun," but somehow ended up creating a mini-app (App in Toss) that runs inside the Toss app. The game I made is called "<10 Seconds God Life Speedrun>," and as the name suggests, it's a short-form game where you clear 3~4 K-efficiency missions within 10 seconds by rapidly clicking.
The missions themselves aren't anything special.
The game is about clearing 3 out of these 4 missions within 10 seconds.
Things I felt while making it
1. Claude Code
At first, I thought I could just paste the code into the chatbot window and be done, but Claude Code lets you read, edit, and even test files directly in the terminal, which saved me a lot of effort. Being able to go through the entire process from PRD creation → schema extraction → component creation → bug fixing was a huge advantage. Especially when creating the 4 types of missions, it was great that I could naturally request "make another one with a similar pattern to the ones above."
2. I went with Supabase for the DB
At first, I was overwhelmed by the thought of setting up a server myself, but once I tried Supabase, I understood why everyone recommends it. The combination of Postgres + Edge Functions + RLS allowed me to handle everything from authentication/sessions/score verification to weekly rankings. Starting with the free tier and upgrading to Pro when traffic increases is also reassuring. As an abuse prevention measure, I set the server to discard mission clear times under 0.2 seconds, and it was convenient that this could be handled cleanly within Edge Functions.
3. I left the logo/icons to GPT...
This was the most surprising part. Since I don't know anything about design, I just threw out "yellow + retro pixel + god life feeling" and the quality of the results was truly amazing. ㅎ
4. Vibe coding definitely has its limitations
Maintaining a frame rate of 60fps and timing the haptic feedback ultimately required manual adjustments. Also, issues with time zones for weekly rankings sorted by KST only arose after a bug occurred. Still, what would have taken me a long time to fix alone was quickly resolved.
Stack Summary
Development Tool: Claude Code
Front-end: React 18 + TypeScript + Vite
State Management: Zustand
Back-end: Supabase (Postgres + Edge Functions + RLS)
Design: GPT (logo/icons/thumbnails)
If you have the Toss app installed, give it a try. ㅎ
URL: https://minion.toss.im/PAV4ESV6
