2024

Moodmeal .

Description

Moodmeal is an AI-powered web app that helps you discover the perfect meal to match your vibe. Simply choose your current mood—whether you’re feeling happy, stressed, tired, or energetic—and Moodmeal will instantly recommend a dish that fits. You can also refine suggestions by selecting your preferred cuisine type, from Italian and Japanese to Mexican and Indonesian.

For a more personalized experience, Moodmeal supports dietary modes and allergy filters, allowing you to tailor recommendations to your lifestyle—whether you’re vegan, keto, halal, or need nut-free, gluten-free, or dairy-free options. Powered by Google’s Gemini AI, Moodmeal combines smart meal recommendations with a clean, modern interface built using Next.js, Tailwind CSS, and Shadcn UI.

Live Demo Github Repo

Features

Next.js

React framework for production with server-side rendering and static site generation

AI-powered

AI-powered web app that recommends meals based on your mood. Just pick how you feel, and MoodMeal serves up the perfect dish to match your vibe.

Mood Selection

Users can choose their current mood such as happy, tired, stressed, or energetic to get meal recommendations that match how they feel.

Cuisine Preference

Filter meals by cuisine type (e.g., Italian, Japanese, Mexican, Indonesian) so users can enjoy their favorite flavor profiles.

Diet & Allergy Mode

Personalize recommendations by selecting dietary preferences (vegan, keto, halal, etc.) and allergies (nut-free, gluten-free, dairy-free).

Tech Stack

Next.js

React framework for production with server-side rendering and static site generation

Tailwind CSS

Utility-first CSS framework for rapid UI development

Shadcn UI

Re-usable components built with Radix UI and Tailwind CSS

Gemini API

Google's AI model API for natural language processing and generation