MunchMate

Inspiration

We were inspired by the challenge many people face when trying to decide where to eat. With so many options available, it can be overwhelming to make a choice. MunchMate is designed to simplify the decision-making process while making it fun. Whether you're a picky eater or just looking for new ideas, MunchMate takes the stress out of meal planning and gives you a streamlined way to discover what you're in the mood for.

What It Does

MunchMate helps users find the perfect meal by presenting two food options at a time based on their dietary preferences (e.g., vegetarian, vegan). Users swipe through these options, and once they've made their decision, the app uses location services to suggest nearby restaurants offering that cuisine. It's a fun, simple, and interactive way to explore food choices and discover new dining spots.

How We Built It

We built MunchMate using React for the frontend, which allows for a smooth and responsive user experience. The backend is powered by Node and Express, handling user data and dietary preferences. We integrated location services to suggest local restaurants that match the selected food category. The app features dynamic components, such as food swiping and preference selection, using state management in React.

Challenges We Ran Into

Location Services Integration: Ensuring accurate location data while providing restaurant suggestions was more complex than anticipated. We had to refine the system to provide relevant results based on proximity and the chosen food category.
User Interface Design: Balancing a clean and user-friendly design with a fun, interactive experience took several iterations. The challenge was ensuring that the app felt engaging while being easy to navigate.
API Integration: Pulling restaurant data from external APIs and formatting it for display was a challenge in terms of consistency and response times.

Accomplishments We're Proud Of

Successfully integrating clickable food options based on dietary preferences.
Seamlessly adding location-based recommendations for dining options near the user.
Developing a smooth, intuitive user interface with React components that update dynamically. Implementing a fully functional food preference questionnaire to customize user experience.

What We Learned

Building an app that integrates multiple technologies, including React, Node.js, and external APIs, taught us a lot about full-stack development.
Handling state management efficiently in React helped us keep track of user choices and preferences.

What's Next for MunchMate

User Accounts: Adding authentication and user accounts so users can save their preferences and food choices for future sessions.
Enhanced Food Matching: Implementing more advanced matching algorithms to recommend restaurants based on ratings, reviews, and personal preferences.
Collaborative Features: Allowing users to invite friends and make food choices together.