The latest articles on DEV Community by Shree chavan (@shree_chavan_62c390737b6e). https://dev.to/shree_chavan_62c390737b6e 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%2F3339620%2F7f11511a-faaa-49eb-964b-8e13c2788f52.png https://dev.to/shree_chavan_62c390737b6e en Shree chavan Wed, 09 Jul 2025 17:59:40 +0000 https://dev.to/shree_chavan_62c390737b6e/building-with-bolt-how-i-created-smile2earn-3e8g https://dev.to/shree_chavan_62c390737b6e/building-with-bolt-how-i-created-smile2earn-3e8g <h2> 🧠 What I Built </h2> <p>I constructed <strong>Smile2Earn</strong>, a web application that employs <strong>AI-powered smile recognition</strong> to reward users with virtual money in the form of <strong>SMILE Coins</strong> whenever they smile. It was our aim to create something significant and happy — a system that converts positivity into tangible value.</p> <ul> <li>Users authenticate with <strong>Supabase</strong> </li> <li>Smile recognition is performed in-browser with <strong>TensorFlow\.js</strong> </li> <li>Users receive SMILE Coins (100 SMILE = ₹1)</li> <li>A wallet keeps coins earned</li> <li>Withdrawal system (through UPI or bank) is <strong>developed but on hold</strong> </li> <li>Revenue is on a plan through <strong>ad monetization</strong> </li> </ul> <h2> ⚙️ Technologies Utilized </h2> <ul> <li> <strong>Bolt.AI</strong> – for boilerplate generation, bug fixes, and rapid logic writing</li> <li> <strong>TypeScript</strong> + <strong>Tailwind CSS</strong> – for responsive and clean UI</li> <li> <strong>TensorFlow\.js</strong> – for smile detection in real-time</li> <li> <strong>Supabase</strong> – for authentication and database storage</li> <li> <strong>Vite</strong> – rapid build setup</li> <li> <strong>Secure Storage</strong> – for session data and tokens</li> </ul> <h2> ⚒️ Challenges I Overcame </h2> <ol> <li><strong>Conflicts of Dependencies</strong></li> </ol> <ul> <li>Dependencies such as <code>@nativescript/firebase</code> versions were outdated or non-existent</li> <li>Bolt assisted in producing alternative code with improved support</li> </ul> <ol> <li><strong>Smile Detection Logic</strong></li> </ol> <ul> <li>Timing TensorFlow's smile detection to prevent false positives</li> <li>Detecting in a privacy-safe and light manner for real-time application</li> </ul> <ol> <li><strong>Authentication Flow</strong></li> </ol> <ul> <li>Merging Supabase's auth into my own custom frontend logic <ul> <li>Bolt assisted in creating working login, signup, and logout handlers</li> </ul> </li> </ul> <h2> ⚡ How Bolt AI Altered My Workflow </h2> <ul> <li> <strong>Time saved</strong> correcting errors, maintaining code versions, and sorting out npm problems</li> <li>Created fully functional <strong>Supabase integration</strong> </li> <li>Allowed me to test concepts quicker without being caught in technical dead-ends</li> <li>Played the role of coding mentor when I encountered roadblocks</li> </ul> <h2> 📽️ Watch the Demo </h2> <p>👉 <a href="https://youtu.be/bnm1TIDfN3o" rel="noopener noreferrer">Smile2Earn – Earn Money by Smiling (YouTube Video)</a> </p> <h2> 🎯 Final Thoughts </h2> <p>This wasn't just about code — it was about creating something joyful.<br> Thanks to Bolt.AI, I wrote an app that pays individuals for smiling — and that, to my mind, is a huge success.</p> devchallenge wlhchallenge bolt ai