DEV Community

Shree chavan
Shree chavan

Posted on

๐Ÿš€Building with Bolt: How I Created Smile2Earn

WLH Challenge: Building with Bolt Submission

๐Ÿง  What I Built

I constructed Smile2Earn, a web application that employs AI-powered smile recognition to reward users with virtual money in the form of SMILE Coins whenever they smile. It was our aim to create something significant and happy โ€” a system that converts positivity into tangible value.

  • Users authenticate with Supabase
  • Smile recognition is performed in-browser with TensorFlow\.js
  • Users receive SMILE Coins (100 SMILE = โ‚น1)
  • A wallet keeps coins earned
  • Withdrawal system (through UPI or bank) is developed but on hold
  • Revenue is on a plan through ad monetization

โš™๏ธ Technologies Utilized

  • Bolt.AI โ€“ for boilerplate generation, bug fixes, and rapid logic writing
  • TypeScript + Tailwind CSS โ€“ for responsive and clean UI
  • TensorFlow\.js โ€“ for smile detection in real-time
  • Supabase โ€“ for authentication and database storage
  • Vite โ€“ rapid build setup
  • Secure Storage โ€“ for session data and tokens

โš’๏ธ Challenges I Overcame

  1. Conflicts of Dependencies
  • Dependencies such as @nativescript/firebase versions were outdated or non-existent
  • Bolt assisted in producing alternative code with improved support
  1. Smile Detection Logic
  • Timing TensorFlow's smile detection to prevent false positives
  • Detecting in a privacy-safe and light manner for real-time application
  1. Authentication Flow
  • Merging Supabase's auth into my own custom frontend logic
    • Bolt assisted in creating working login, signup, and logout handlers

โšก How Bolt AI Altered My Workflow

  • Time saved correcting errors, maintaining code versions, and sorting out npm problems
  • Created fully functional Supabase integration
  • Allowed me to test concepts quicker without being caught in technical dead-ends
  • Played the role of coding mentor when I encountered roadblocks

๐Ÿ“ฝ๏ธ Watch the Demo

๐Ÿ‘‰ Smile2Earn โ€“ Earn Money by Smiling (YouTube Video)


๐ŸŽฏ Final Thoughts

This wasn't just about code โ€” it was about creating something joyful.
Thanks to Bolt.AI, I wrote an app that pays individuals for smiling โ€” and that, to my mind, is a huge success.


Top comments (0)