Meal Planner is a web application that helps users organize their daily meals, discover food ideas based on mood or preferences, and plan ahead with ease.
It’s designed to take the stress out of figuring out what to eat offering a clean, interactive way to explore meals, track ingredients, and build weekly plans that actually fit your lifestyle.
React, CSS Modules, Material UI, Node.js, Express.js, MySQL, Gemini AI
Meal planning can feel overwhelming especially when juggling dietary needs, personal tastes, or just a busy schedule. People often skip planning altogether, default to unhealthy options, or repeat the same meals out of convenience. What’s missing is a simple, visual way to plan meals that adapts to how users feel and what they actually want to eat.
We built the Meal Planner to make food decisions easier, more personal, and more in tune with how people actually feel both physically and emotionally.
Key features include:
Mood-Based Suggestions – Users can choose meals that match how they're feeling, like “comforting,” “light,” or “energizing.”
Cycle-Aware Planning for Women – The app offers personalized food suggestions based on phases of the menstrual cycle, helping support mood, cravings, and energy levels in a thoughtful, non-intrusive way.
Ingredient Filtering – Select meals based on what’s in the kitchen or specific dietary preferences.
AI Chat Assistant – Built-in support for smart recommendations and personalized planning.
The goal is to reduce the friction of meal planning, and instead create a flow that feels helpful, respectful, and fully personalized especially for users who often feel overlooked by generic food apps.
The app is now live and in use Meal Planner , helping users streamline their meal planning in a more intentional and personalized way. Feedback so far has been positive, users appreciate the balance of structure and flexibility, as well as the clean, calming design that doesn't overwhelm.