MoodMeal - Mood-Based Food Discovery App

Craving? Let Your Mood Decide

Comment

MoodMeal – Recipe Explorer App 🍽️🎭 A mood-driven recipe discovery app built with React Native, Expo, and Supabase, developed during Bolt.New – The World's Largest Hackathon. MoodMeal helps users discover the perfect recipes based on how they feel, with seamless integration of YouTube cooking videos and smart user tracking.

💡 Inspiration We wanted to solve the everyday struggle: "What should I cook or eat?" By combining emotional states with recipe discovery, we created MoodMeal — an intuitive app that turns your mood into meals. The goal was to simplify decision-making, spark culinary exploration, and create a fun, personalized cooking experience.

🚀 What it does 🎯 Select a mood and get relevant recipe videos via YouTube

🔍 Search for dishes using filters like cuisine, time, and difficulty

❤️ Save favorites, track cooking history, and build your mood-based journey

🔐 Secure authentication using Supabase

🌗 Dark/Light mode with beautiful, smooth transitions

📱 Available on iOS, Android, and Web through Expo

🛠️ How we built it Frontend: React Native with Expo SDK 52 & Expo Router

Language: TypeScript

Backend: Supabase for Auth and Database

API: YouTube Data API v3

UI: Custom styling with Lucide icons and Inter fonts

Deployment: Expo Go & EAS CLI for builds

🧠 Challenges we ran into Debugging UI/UX flows across platforms (iOS/Android/Web)

Syncing mood state to real-time recipe search via YouTube API

Managing async data fetch and authentication state simultaneously

Fine-tuning navigation structure using Expo Router

🏆 Accomplishments we’re proud of Built a fully functional, mood-based recipe app within hackathon time limits

Achieved seamless integration between YouTube API and Supabase Auth

Created a polished multi-platform UI with strong UX focus

Overcame edge-case UI bugs and async state conflicts

📚 What we learned Efficient use of Supabase Auth and database handling in mobile apps

Deep dive into Expo Router, EAS builds, and cross-platform testing

Best practices in state management for mood-based navigation

Integration of external APIs (YouTube) in mobile-first apps

🔮 What’s next for MoodMeal 🧑‍🍳 Add community sharing, comments, and personalized meal plans

🍃 Include dietary filters (vegan, keto, etc.) and local cuisine tags

🧠 Smart mood analysis via journaling or facial sentiment in the future

🛒 Integration with shopping lists and local grocery APIs

📈 Analytics dashboard to track cooking habits and mood trends

Built With

Share this project:

Updates