From d2fb3188c5a0527e0a89107a061436795eb2d56e Mon Sep 17 00:00:00 2001 From: Vishal Sancheti Date: Mon, 5 Oct 2020 14:13:49 +0530 Subject: [PATCH] added alcohol based cocktail suggestion app idea --- .../Alcohol-Based-Cocktail-Suggestion.md | 23 +++++++++++++++++++ README.md | 1 + 2 files changed, 24 insertions(+) create mode 100644 Projects/1-Beginner/Alcohol-Based-Cocktail-Suggestion.md diff --git a/Projects/1-Beginner/Alcohol-Based-Cocktail-Suggestion.md b/Projects/1-Beginner/Alcohol-Based-Cocktail-Suggestion.md new file mode 100644 index 00000000..c055907d --- /dev/null +++ b/Projects/1-Beginner/Alcohol-Based-Cocktail-Suggestion.md @@ -0,0 +1,23 @@ +# Alcohol Based Cocktail Suggestion + +**Tier:** 1-Beginner + +Suggests a Cocktail based on Alcohol from an API. + +## User Stories + +- [ ] User can inputs Alcohol type and clicks a button that will get a random cocktail from an external API (ref Useful links and resources) +- [ ] The app should display: **Cocktail name**, **Ingredients**, **Instructions** and a **Picture** of the meal +- [ ] By clicking the button again, another cocktail will be generated + +## Bonus features + +- [ ] The app should display a **YouTube Video** + +## Useful links and resources + +- [TheCocktailDB API](https://www.thecocktaildb.com/api.php) + +## Example projects + +- [TheCocktailDB DEMO](https://www.thecocktaildb.com) diff --git a/README.md b/README.md index f6557617..76d70907 100644 --- a/README.md +++ b/README.md @@ -43,6 +43,7 @@ required to complete them. | Name | Short Description | Tier | | --------------------------------------------------------------------------------- | ---------------------------------------------------------- | ---------- | +| [Alcohol Based Cocktail Suggestion](./Projects/1-Beginner/Alcohol-Based-Cocktail-Suggestion.md) | Suggests a Cocktail based on Alcohol | 1-Beginner | | [Bin2Dec](./Projects/1-Beginner/Bin2Dec-App.md) | Binary-to-Decimal number converter | 1-Beginner | | [Border Radius Previewer](./Projects/1-Beginner/Border-Radius-Previewer.md) | Preview how CSS3 border-radius values affect an element | 1-Beginner | | [Calculator](./Projects/1-Beginner/Calculator-App.md) | Calculator | 1-Beginner |