MealMatch

Swipe, Match, and Cook—MealMatch makes meal planning fun, effortless, and waste-free!

Comment

Inspiration

-The frustration of not knowing what to cook despite having a full fridge.
-The overwhelming number of online recipes, making it hard to decide.
-The waste of ingredients because they expire before being used.
-The struggle of finding recipes that match dietary restrictions and allergies.
-The convenience of Tinder-style swiping, making decision-making fun and intuitive.

What it does

-Users can input their ingredients to find recipes that match what they already have.
-Swipe through personalized recipes based on dietary preferences, available ingredients, and favorite cuisines.
-Easily shop for missing items with Whole Foods integration, providing product images, prices, and a seamless checkout experience.

How we built it

-**Frontend**: React for a smooth and interactive UI.
-**Backend**: Flask to handle API requests and database management.
-**Database**: MySQL (via XAMPP) for storing user data and recipe information.
-**APIs**: Spoonacular API to fetch relevant recipes.
-**Web Scraping**: BeautifulSoup to retrieve Whole Foods product data for missing ingredients.

Challenges we ran into

-**Recipe Matching Complexity**: Optimizing the strategy to prioritize user preferences, available ingredients, and dietary restrictions.
-**Web Scraping Limitations**: Handling dynamic content and ensuring we retrieved accurate product info from Whole Foods.
-**Integrating Multiple APIs**: Fetching and processing data from both the Spoonacular API and web scraping results while maintaining a smooth user experience.
-**Time Constraints**: Building a functional, user-friendly app in a limited hackathon timeframe.

Accomplishments that we're proud of

- **Coming up with the idea for MealMatch**: turning it into a functional prototype within the hackathon timeframe.  
- **Collaborating as a team**: bring our vision to life, leveraging each other's strengths to overcome challenges.  
- **Built a fully functional meal-matching system**: recommends recipes based on user-inputted ingredients.  
- **Implemented a Tinder-style feature**: for recipe selection, making meal planning fun and interactive.  
- **Integrated Whole Foods product data**: using web scraping, allowing users to easily shop for missing ingredients.   
- **Optimized recipe-matching logic**: consider dietary restrictions, allergies, and preferred cuisines.  
- **Designed an amazing user experience (UX) and user interface (UI)**: make meal planning intuitive, enjoyable, and easy to navigate.  
- **Created a unique and visually appealing logo** to establish a strong brand identity.  
- **Worked collaboratively under time constraints**: to make this **cool and innovative project a reality.**

What we learned

- **Improved API integration skills**: working with the Spoonacular API for recipe retrieval.  
- **Web scraping techniques**: using BeautifulSoup to extract live product data from Whole Foods.  
- **Database management with MySQL**: efficiently storing and retrieving user inputs and preferences.  
- **The importance of UI/UX design**: making the app both visually appealing and easy to use.  
- **Branding and logo creation**: establishing a memorable identity for MealMatch.

What's next for MealMatch

- **Introduce meal prep scheduling**: allowing users to plan meals for the week and generate shopping lists automatically.  
- **Enhance grocery shopping integration**: partnering with multiple grocery stores for broader availability and price comparison.  
- **Add a community feature**: where users can share their favorite meals, cooking tips, and modifications.  
- **Optimize for mobile use**: developing a dedicated mobile app for a smoother experience.  
- **Further refine UI/UX and branding**: enhancing the user journey and engagement**:

Built With

Share this project:

Updates