https://crudd03.github.io/date-butler/
DateButler gives random cocktail, meal and movie suggestions based off either no user input or basic user input. It provides ingredients and instructions or a link to more information. It provides a movie title and movie description.
- HTML
- JavaScript
- CSS
- Bootstrap 5
- JQuery
- Googlefonts
- API:
- TheMealDB
- TheCocktailDB
- TMDb
GIVEN I need date night ideas
WHEN I search in the input field for a type of food and click the Find Meal button
THEN I am presented with a random meal that is within my search and am presented with a link to the recipe
IF I want to save that meal I can click the Save Meal button
WHEN I click the Load Meal button
THEN I am shown the meal I saved
WHEN I search in the input field for a type of drink and click the Find Drink button
THEN I am presented with a random cocktail drink that's within my search and given measurements, ingredients and instructions
IF I want to save the drink I can click the Save Drink button
THEN whenever I want to see my saved drink I click the Load Drink button
WHEN I select from the drop down menu Movie Genre, Popular, Hightest Rating, Hights Grossing, MPAA Rating and/or type in Release Date field
THEN I am presented with a random movie that is within my search and am shown the movie poster, title and brief description
IF I want to save the movie I click
THEN I click the Save Movie button
WHEN I want to load a previously saved movie
THEN I click the Load Movie button
