main

Home displays all cocktail recipes Fridge - displays all the items the user has. The user can add items to their fridge through the add button Possible Recipes - displays all the possible recipes a user can make based on the items in their fridge

Structure

React Component Tree

UI Diagram

Current Functionality

1. Home: All possible cocktails

2. Fridge: What the user has in their inventory. Users can manually add and delete from their inventory list

3. Possible Recipes: What the user can make based on their fridge

4. Testing for backend and frontend with Jest

Future Functionality

1. Implement Shopping List: Should be able to easily add more ingredients by button or typing, or add all ingredients in a cocktail by a button.
2. Create user login
3. Add other recipes besides cocktails