MIXMATE

MixMate is built to simplify the process of at-home cocktail-making. The app enables the user to create and save cocktail recipes, manage inventory, and determine what cocktails can be made with the ingredients the user has in stock. In addition, MixMate includes a database of cocktails from the International Bartender's Association (IBA) which the user can search and filter through to discover new recipes. MixMate is styled for mobile and can be accessed via URL on the Chrome mobile app or in a simulated mobile environment on desktop by toggling a device with browser developer tools.

Technologies Used:

• HTML/CSS/JavaScript
• Bulma CSS Framework
• React.js
• React-Select NPM package
• Auth0

Wire Frame:

ERD:

Directions to Use:

1. Clone this repo with the "Clone or download" button above this README.
2. Copy the URL generated when the button is clicked.
3. Open your terminal.
4. Type git clone and then paste the URL from step 2.
5. Navigate into the root folder using cd MixMate.
6. Once in root folder, type npm install.
7. Type npm start.
8. In another terminal window - navigate into the "api" folder by typing cd /api.
9. Run json-server -p 5002 database.json.
10. Navigate to localhost:3000.

or:

Visit https://mixmate.herokuapp.com/

• Once in the browser, open developer tools and toggle the device toolbar. Set the view to a mobile device as preferred.
• After steps listed above are complete you should be ready to use the app.

Nashville Software School Front End Capstone

© Cole Bryant 2019