I am API savvy so I wanted to make an app to demonstrate this and to have something for my friends and family to use also. This fetches data from the CocktailDb, free with some limitations; CocktailDb is an open source database providing instructions and ingredients for making cocktails. This page offers search options, browsing by letter, and if you have an ingredient at the house, you can find the ingredient in the list to see all the drinks that are possible. I hope if you go to check it out, you find a drink to make this weekend that is different and satisfying. I like to mix things up a bit and explore what the world has to offer, I encourage it.
View Demo
This project uses an API to fetch data from CocktailDB. I used React and Sass to create the page and host it on Netlify. I wanted to make this as quick as possible, as performance is always on the top of my mind. I learned alot about using Webpack, lazy loading and how to optimize your build. There were a load of features I would have liked to add but didn't want to dish out the money for full access. I would consider one of my strong suits as working with data, whether it be by building or using APIs or creating applications to manage data.
- React
- Sass
- Netlify
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated. Also you are welcome to use and adapt this as needed.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/updatedFeature) - Commit your Changes (
git commit -m 'Add some updatedFeature') - Push to the Branch (
git push origin feature/updatedFeature) - Open a Pull Request
See LICENSE for more information.
John Ketterer - email: johnmketterer@gmail.com
Project Demo: https://mixitupketterer.netlify.app/
Project Link: https://github.com/giterdun345/mixitup