I built this application over 3 years ago and had the Back end hosted on Heroku. Because Heroku has recently eliminated the Free tier, you are not currently able to interact with the API. You can still view all of the code while I'm sorting this issue out.
Welcome to the Mixer Front End repository!
You can check out the deployed version here --> https://mixerdb.netlify.app/
Mixer is a full stack mixology web application where users can browse 500+ cocktail recipes as well as keep track of their favorite ones.
The cocktail and ingredient information comes from MixerDB, an API which I built for the purposes of this project. For more detailed information on how everything works behind the scenes (such as routes, models, authentication, etc.) check out the backend repository here --> https://github.com/lemonstener/mixerdb
This application was built using React.js. In order to run it localy, you must:
- Clone this repository
- npm install
- npm start
Accessible through the logo and Home button in the navigation bar.
Fetches and displays all cocktails from the database.
Brings up the search engine. Case insenstive, will match anything containg the search term. Works identically for both cocktails and ingredients.
Brings up the login form. Clink the link on the bottom of the form to switch to the register form instead. Once logged in your JWT token is stored in local storage and the app will automatically log you in on future visits. Simply log out before you exit the page if you do not wish to be remembered.
Displays your username and favorite cocktails (if you have any). Must be logged in to access this page.
Browse a particular cocktail. Displays an image, ingredients, number of likes and instructions. Click the heart icon to add or remove this cocktails from your favorites (must be logged in). Clicking on an ingredient will take you to said ingredients page.
Browse an ingredient. Displays an image, name and a list of cocktails it is used in.
That's it! Remember to drink responsibly and not go anywhere near this application unless you're at least 21 years of age.
