Relationship saver! Help couples, friends, roommates fairly choose who picks dinner, and find quality dinner choices.
- Description
- Motivation
- CSS Framework
- Server Side APIs
- Third-Party APIs
- Other Resources
- Future Development
- Credits
With this app, two players will click the start button input their name in the player spots. When the DEAL button is clicked, both players will be dealt a card. The high card earns a point and the first person to score 5 points gets to pick dinner. The API Deck of Cards is used for this first part of the app.
Once a score of 5 is reached, the users are taken to a search page, where they can search meals by category. The API The Meal DB is called to bring up search results. The results include a link to a recipe page or YouTube video so the users can explore the recipes. Once, they decide what they want, they will click the + to make their selection. This will add the selected recipe to their history, along with the name of the person who picked it and the date. The user can click the Winners Circle button to see a visualization of past winners.
The history can be accessed any time with link in the nav bar, and users can click Home to play again.
This project was created for the UNH Coding Bootcamp. It was our first group project, where we were tasked with coming up with and designing an application to solve a real-world problem.
The Problem Multiple people are trying to figure out what to have for dinner. This could be friends, roommates, a couple, two random people who meet on the street and happen to be hungry... How can they fairly decide who gets to pick the meal before they get so hangry that they'll never agree on anything again???
The Solution High Card Picks Dinner
With this project, we are also:
- getting experience in Agile development which includes practicing our skills with Git workflow - ** creating and merging branches. ** resolving conflicts as needed.
- utilizing new server-side APIs (The Meal DB and Deck of Cards) and new third-party APIs (Animate.css and Chart.js).
AS A couple
WE WANT to be able to choose dinner without fighting
SO THAT we stay together.
AS A group of friends
WE WANT a fair way to decide who picks dinner
SO THAT we don’t argue too long while everyone is hangry.
AS A roommates
WE WANT a fun way to explore new cuisine
SO THAT we try new recipes/restaurants.
- Coolors to help choose color schemes (for the graph)
There are a number of features we would like to implement in the future to improve this app:
- Add the option to search for restaurants in addition to looking for meal ideas/recipes.
- Add game options/game rules for the user at the beginning. For example, they can choose to have the winner pick the meal and the loser has to cook it; or if utilizing the restaurant option in the future, the loser could have to buy dinner.
- Include more search options. For example, rather than just searching by category, users could search by ingredient.
- The Meal DB is somewhat limited in it's scope of recipes with only 244 meals available and not all of them have recipes. We would explore other recipe APIs that would provide more options. This could also allow us to expand on search options.