About the Project: MoodBites MoodBites is a smart, interactive platform designed to recommend food, content, or experiences based on your current mood. The idea came from a simple thought: "What if our devices could understand how we feel and suggest something that actually helps?" Whether you're stressed, excited, calm, or curious MoodBites aims to personalize your day with the right bite for your state of mind.
What Inspired This? The inspiration struck from watching how people often struggle to decide what to eat, watch, or do—especially when their emotions are all over the place. We asked, "Can mood-based interaction be the future of decision-making?" That question evolved into the core of MoodBites.
How It Was Built Frontend: Built with HTML, Tailwind CSS, and TypeScript using the Vite bundler for fast development and live preview.
Backend: Node.js (inside the server folder) handles API logic, mood input, and data storage.
AI Interaction: Integrated GPT-based mood analysis and recommendation system (placeholder for future integration).
What We Learned How to structure a scalable full-stack project with clear separation of frontend and backend logic.
Efficient state management using modular components and configuration files.
The importance of keeping UI minimal but emotionally engaging.
Challenges Faced Getting accurate mood detection without external sensors or overreliance on user input.
Designing prompt templates that respond well to mood variation.
Keeping performance smooth while managing mood-based dynamic content.
Debugging cross-component data flow between prompt systems and frontend actions.
Built With
- html
- node.js
- react
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.