The latest articles on DEV Community by Abe Senna (@kfno). https://dev.to/kfno https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3401714%2F8b45ba01-87ad-456d-aabd-2c21b7702591.jpeg https://dev.to/kfno en Abe Senna Thu, 31 Jul 2025 04:04:53 +0000 https://dev.to/kfno/otsuri-challenge-building-with-bolt-3lia https://dev.to/kfno/otsuri-challenge-building-with-bolt-3lia <p><em>This is a submission for the <a href="https://dev.to/challenges/wlh">World's Largest Hackathon Writing Challenge</a>: Building with Bolt.</em></p> <h1> Otsuri Challenge - Building with Bolt </h1> <h2> 🕹️ Project Overview </h2> <p><strong>Otsuri Challenge</strong> is a web-based game that turns the uniquely Japanese cultural habit of minimizing change during payments into a fast-paced and satisfying experience.</p> <p>Players are given an amount to pay, and must choose which coins and bills to use—while avoiding exact payments—to minimize the change they’ll receive.<br><br> The result is a game that combines speed, logic, and cultural appreciation.</p> <p>We wanted to make this practice more accessible and understandable to a global audience by gamifying it.<br><br> The project reflects both a respect for cultural nuance and a desire to build joyful digital experiences.</p> <h2> 🧩 Technical Challenges &amp; Breakthroughs </h2> <ul> <li> <strong>Minimal-change logic</strong> was more complex than expected. We had to simulate a cashier returning change using the fewest number of coins, which took multiple iterations.</li> <li>We chose <strong>not to write or edit source code manually</strong>. Everything was developed through prompts only.</li> <li>Key technical hurdles: <ul> <li>Fixes sometimes caused regressions elsewhere in the app</li> <li>Token and prompt efficiency limitations</li> <li>Unexpected AI outputs that we learned to creatively adapt</li> </ul> </li> </ul> <p>Despite these, we successfully created a playable prototype entirely in Bolt.</p> <h2> 🤝 Tech Integration </h2> <ul> <li> <strong>Lovart</strong>: Used to generate coin and bill illustrations and logos. The visuals exceeded expectations and were kept as-is.</li> <li> <strong>GitHub</strong>: Used for backup and migrating between Bolt environments due to space limits.</li> <li> <strong>Supabase (planned)</strong>: Will support leaderboard and score saving in future versions.</li> </ul> <h2> 🛠️ Favorite Bolt Features </h2> <ul> <li> <strong>Conversational development</strong>: We iterated ideas by refining prompts rather than writing traditional specs.</li> <li> <strong>Rapid prototyping</strong>: UI and logic could be tested and adjusted immediately.</li> <li> <strong>Unified canvas</strong>: Bolt’s all-in-one environment for UI, logic, and prompting was incredibly efficient.</li> </ul> <p>One favorite moment: generating a satisfying change-giving animation purely through prompt engineering.</p> <p>🎮️<a href="//singular-empanada-4a1695.netlify.app">singular-empanada-4a1695.netlify.app</a></p> <p><a href="https://devpost.com/im0027ip" rel="noopener noreferrer">Saeka Hirai</a><br> <a href="https://devpost.com/oans53229" rel="noopener noreferrer">S O </a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0zvnon8inxsqw32p199h.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0zvnon8inxsqw32p199h.png" alt=" " width="750" height="1860"></a></p> devchallenge wlhchallenge bolt ai