A simple recipe search app for cocktails. The app will allow users to search for cocktails by name, ingredient etc. The app will also allow users to view details about a specific cocktail, such as the ingredients and instructions on how to make it. The app will be built using vanilla JavaScript and it will be single-page application.
- The app needs to be responsive
- The app needs to be a single-page application. There can be only one HTML file. And the JavaScript will change the content of the page using DOM manipulation.
- The app needs to fetch data from an API.
- The app needs to have loading/error handling for the interactions with the API and needs to show this to the user. not just console.log.
- The app needs some user interaction. such that you need to grab different data from the API. so you can not just grab everything from API and store it locally with one fetch call.
- no Code along's.
- Follow the guidelines at https://github.com/HackYourFuture/ta_guidelines
- https://www.thecocktaildb.com/api.php (free to use, no need to sign up)
- Find one more
- (must have) User can search drinks by name
- (must have) User can view details about a specific drink (ingredients, instructions, etc.)
- (must have) User readable error messages
- (must have) Simple and clean design
- (must have) folder structure similar to the browser module project.
- (Should have) user can search drinks by ingredient (update: gave up)
- (should have) Loading spinner when fetching data (note: no spinner, but there is a loading message)
- (Should have) User can view a random drink ( Change: user sees random drinks when they open the app)
- (Should have) user can search drinks in english and spanish (API has eng/spanish version) (update: no time to implement)
- (Could have) User can search drinks by category (update: gave up)
- (Could have) Translation of the app in different languages with translation API. (Assuming its free) (because I thought maybe I should have 2 different APIs) (update: hahaha, no.)