Skip to content

karanvirsb/cocktailSearch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cocktail Search

This project allows to search a variety of cocktails from the given api. It also gives back details about the specific drink like: name, category, information, glass, instructions and ingredients.

Run Locally

Clone the project

  git clone https://github.com/karanvirsb/cocktailSearch.git

Go to the project directory

  cd cocktailSearch

Install dependencies

  npm install

Start the server

  npm run start

Go to http://localhost:3000 in your browser and start searching.

How to search

  1. When page loads use the search bar at the top.
  2. To look at further details click on the green details button.
  3. Then on the details page to go back click the green Back Home button or the navigation Home button.

User Stories

  1. User wants to see how a cocktail looks like.
  2. User wants to know how to make the cocktail.
  3. User wants to make a specific cocktail.

Tech Stack

Client: React, CSS

How it looks

Home page

Details Page

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published