The Libation Station

ALT NAME 'cockList.jsx'

Check out our Figma = https://www.figma.com/file/nZrLXFjwz5gy1u7AmVLe7S/Untitled?type=design&node-id=3%3A19&mode=design&t=E4UEN3E84rmiLGDa-1

Check out our ERD = https://lucid.app/lucidchart/ad9c3abe-11f8-4aa4-8e48-89b0724fe070/edit?beaconFlowId=FCD1E7119D5D7DA0&invitationId=inv_698874cc-11ba-4aa2-819c-424368e43e5b&page=0_0#

FoodE, the Foodie's Best Friend

Introduction

• For our Unit 3 Lab we are going to get some practice in with React, building a Single Page Application that makes a call to a 3rd party API before we create our own Full Stack Apps for the project.
• You and your team will be making a call to the MealDB (https://themealdb.com/api.php) or to the CocktailDB (https://www.thecocktaildb.com/api.php) to pull recipes and render them to your screen

Requirements

• A new Github Repo created for this project, with a .gitIgnore to prevent node_modules from being pushed up
• A React app connected to either DB using Axios, with useEffect and useState hooks used.
• A search bar that allows users to search by recipes
• At least 2 different pages linked through the React Router
• Professional, Clean, Modern style using Flexbox or Grid
• Project deployed through either Surge or Netlify

Bonus

• Have multiple search options - Name, Ingredients, or anyting else available through either API
• Responsive styling to make the site Mobile friendly
• Anything else you can imagine!