Skip to content

Latest commit

 

History

History
100 lines (46 loc) · 1.44 KB

File metadata and controls

100 lines (46 loc) · 1.44 KB

HAPI HOUR

Link to Deployment

https://hapi-hour.netlify.app/

Description

HAPI Hour is an app built to help you find drink recipes from the cocktail db API. You can search by name/ phrase, search by ingredient, choose a random drink, or start with a base ingredient choice and browse.

Link to PLANNING.md

link to PLANNING.md

Link to API

https://www.thecocktaildb.com/

Technologies Used:

- HTML

- CSS

- JavaScript

- React.js

- Node.js

- thecocktaildb - api

- Netlify

Installation

$ npm install

Running the App

# development
$ npm run start

Contribution Guidelines:

- Add a back and forth button to toggle between drinks of the DrinkList.js from the DrinkDetails.js component.

- Simplify the search to only need 1 search button for both "search by name" and "search by ingredient".

- Add capability to favorite recipe.

- Add capability to leave comments on recipes.

- Add capability to add your own recipe.

Webpage Layout Desktop

HomePage

Ingredient1Page

DrinkListPage

DrinkDetailsPage

Webpage Layout IPad

HomePage

Ingredient1Page

DrinkListPage

DrinkDetailsPage