Mixr

A react front end consuming data from TheCocktailDB, (http://thecocktaildb.com), to help you find new cocktails you want to try.

Live Version: https://cnidarAI.github.io/mixr

Built With:

**Tech used: HTML, CSS, JavaScript, React

• React.js
• Bootstrap
• Node.js

This project was bootstrapped with create-react-app.

Local Installation

• Install node dependencies

  npm install

• Launch locally

  npm start

Roadmap

• Create ReadMe
• Add favorites
• Create Node/Express backend
• Create login/auth
• Move favorites storage from local storage to backend
• Add Search function
• Add Darkmode
• Redesign with mobile first

Lessons Learned

This was a good refresher on React with hooks, dealing with promises and asyncronous functions, and consuming rest APIs.