/Cocktailer

A web app showing various cocktails and how to prepare them. Live Site @ https://elated-volhard-88e9b3.netlify.app/

Primary LanguageJavaScript

Cocktails App

TODOS

  • Responsive design
  • Form validation
  • Handling internet disconnections

ABOUT

A Web application made with react js for the front end, redux for state management and material-ui for styling that uses https://www.thecocktaildb.com/api.php to serve over 500 beverages, their ingredients, directions for preparation, for cocktail enthusiasts, beverage lovers who need to try new drinks. It showcases both alocholic, non-alcoholic and optional alcoholic drinks. Its backend is made using nodejs, express and monogdb and uses token based authentication(jwt) for user authentication and authorization.

TECHNOLOGIES USED:

* HTML5
* CSS3
* Material ui/materual ui icons/material ui skeleton
* Reactjs
* React-Query
* Axios

FEATURES

* Get Cocktail Information (name, image, method of preparation)
* Mobile Responsive

PROJECT SCREENSHOTS

  • HomePage

    Screenshot_20210715_133312

  • Login Screen

    Screenshot_20210715_133321

  • Categories

    Screenshot_20210715_133338

  • Category Details

    Screenshot_20210715_133615

  • Drink Details

    Screenshot_20210715_142248

TRY IT YOURSELF

Cocktailer

SETUP

* git clone https://github.com/lumunge/Cocktailer.git
* yarn i
* yarn start