Many people find it difficult to look for recipes they need to make a certain dish and sometimes it’s hard to choose what drink they want to match it with. Our team has created a web application that helps people decide what food and drink to enjoy together. With just one click, users can select from a variety of cuisine types, and we will provide them with a selection of ingredients and recipes, along with a random drink recipe to match.
More time enjoying, less time thinking!
As a user,
I WANT to find recipes for the food I want to make, and I want to get recommendations for drinks that match the food.
SO THAT I can make a delicious meal and accompany it with a perfect drink.
GIVEN two sections named: Food and Feeling Lucky
WHEN I choose one of a cuisine type and click “GET DRINK”
THEN I’m presented with food name, ingredients and recipe link.
WHEN I click “Get Drink”
THEN I’m presented with a randomly selected drink's name, ingredients and instructions.
WHEN I view favorite recipe,
THEN I’m presented with saved recipe and drinks that match it.
Live application deployed at: https://oliviasylee.github.io/match-made-in-heaven/
- Favorite Recipe: Recipes and drinks can be deleted from Favorite recipe.
- Search Bar: Create a search bar so that user can find recipes by keyword.
- Health Preferences: Provide personalized meal plans based on individual food preferences and desired body type.
- Code Efficiency & Maintenance: Avoid duplicate codes and optimize them.
- HTML
- CSS Framework: Materialize CSS
- jQuery
- Fetch API
- APIs
- The Edamam API
- The Cocktail DB
- Front-end: Whole Team
- Back-end: Whole Team
- README: Whole Team
- Presentation: Whole Team