https://github.com/krondorl/cocktail-app-v2

Get information about drinks and cocktails.
https://github.com/krondorl/cocktail-app-v2

Last synced: 3 months ago
JSON representation

Get information about drinks and cocktails.

• Host: GitHub
• URL: https://github.com/krondorl/cocktail-app-v2
• Owner: krondorl
• License: isc
• Created: 2022-08-09T08:21:49.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-20T12:17:49.000Z (over 1 year ago)
• Last Synced: 2023-12-20T16:53:12.676Z (over 1 year ago)
• Language: TypeScript
• Size: 559 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Cocktail App v2

The project can retrieve information about drinks and cocktails from [TheCocktailDB](https://www.thecocktaildb.com/).

There are two features in this project:

- get a random cocktail on reload and on clicking

- search for a specific cocktail by name

This is a remake of my earlier Cocktail app. This new version features:

* TypeScript React and

* functional components with hooks

* components

* more styles with custom properties (variables)

Please see [the exercise description of the project for details.](EXERCISE.md)

## Running the app

1. Run `npm install` in root folder, then in `/client` and `/server` directories.

2. Execute `npm start` in root folder.

## Screenshot

The app looks like this.

![Intro page](doc_img/intro.png "Intro page")

![Cocktail screen](doc_img/cocktail-page.png "Cocktail screen")

## License

Please read [the license file.](LICENSE)