Skip to content

codewithjazzy/Beverage-Boutique

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Beverage Boutique

A beverage recipe website for both alcoholic and nonalcoholic drinks. The site allows you to search using drink names or keywords to find the ingredients, measurements and instructions for crafting your next drink.

Table of contents

Overview

Screenshot

Links

  • Repository URL: Here
  • Live Site URL: Here

My process

Built with

What I learned

The motivation behind this project was to practice what I had learned about Fetch API, public APIs, JSON, Promises, and network requests.
I learned how to read API documentation, use keys and query parameters, and piece it all together in my Javascript file to make a dynamic website. I also got more practice with array methods so that the parsed data did what I needed it to do.

Continued development

This is always a WIP and with time, I'd like to work on a few more ideas:

  • Additional search parameters
  • Filtering search results
  • More beverages per line for searches with 20+ results
  • Font & Styling edits

Useful resources

  • TheCocktailDB API - An open, crowd-sourced database of drinks and cocktails from around the world with a free cocktail API
  • Postman API Platform - Simplified API usage
  • MDN Web Docs - Always a tab away for brushing up on methods or troubleshooting broken code

Author

About

Beverage Boutique is your premier destination for all things libation.

Resources

License

Stars

Watchers

Forks