Vigyata.AI
Is this your channel?

Code a matcha rating app with me (cozy devlog & rating matcha cafes)

46.1K views· 2,274 likes· 10:38· Jul 25, 2025

🛍️ Products Mentioned (5)

If you make your own apps with Lovable, tag me on instagram or message me, i'll repost you on my story! You can rate your matcha here! let me know what you think of my app!! Thanks for watchinggg https://rate-my-matcha.lovable.app Use my code Sarah20 for 20% off Lovable!! https://lovable.dev Code with me!! I built a super cute matcha rating app in just one night using AI! I’ve been obsessed with matcha lately, so I wanted to create something fun and practical: take a picture, rate the color, and save my favorite cafes. Watch me go from zero to live app, including pixel art, coding with Lovable AI, and even some matcha taste-testing. Socials 💫 Instagram: https://www.instagram.com/sarahli.mp3/ Linkedin: https://www.linkedin.com/in/sarahli2001/ Email: sarah@sweetchariot.us Chapters: 0:00 Intro 1:46 Creating the Matcha Rating Logic 3:38 Designing Cute Pixel Art 6:38 Setting Up Database and Authentication 7:44 Testing My Matcha App Music: Mr. Jello - Hitting Hard - https://thmatc.co/?l=511EB673 Mr. Jello - The One That Got Away - https://thmatc.co/?l=F337CE87 riceyuri - It's a Good Time - https://thmatc.co/?l=08FA1D82

About This Video

I built a super cute “Rate My Matcha” app in one night, basically as a little cozy devlog experiment to see what I could actually ship after work. I started around 7pm and gave myself four hours, because I wanted most of the features done before my favorite cafe closed. I used Lovable to scaffold the web app (camera input + title), then I jumped into the generated GitHub repo in VS Code to tweak the parts that needed more control—like fixing the camera and improving the rating logic. For the matcha rating, I first thought I could just use RGB, but lighting changes everything, so I switched to HSV (hue/saturation/value) for a more accurate color score. After that, I made the whole thing look cozy with pixel art (Procreate on my iPad) and a Figma mock, then passed my mockup into Lovable to transform the UI. I connected Supabase for storing matcha photos + reviews and added Google auth so everyone can save their own personal gallery. At the end, I took the app to a real cafe and tested it on an actual cup of matcha. It’s not perfect yet, but that’s kind of the fun part—I want to keep collecting labeled matcha photos and eventually train a little ML model. The big takeaway: AI tools like Lovable can seriously compress a week of setup/styling into a night, and you get better at prompting + debugging “someone else’s code,” which is honestly a real work skill.

Frequently Asked Questions

🎬 More from Sarah Li