The project can retrieve information about drinks and cocktails from TheCocktailDB.
There are two modules in this project:
- Get a random cocktail on reload and on clicking
- Search for a specific cocktail by name
Cocktail App v3 is a remake of my earlier Cocktail App v2.
Tech specs:
- built with Next.js, which is a meta-framework for React
- full stack TypeScript and TypeScript React code
- API calls are now made with fetch instead of Axios
- can be used as a Docker container
Please see the project details.
- Node.js 16.8 or later
- macOS, Windows, or Linux
- Docker (when running as a container)
Please use these commands in order in the project folder:
npm install
npm run build
npm run dev
From the project folder, use these commands:
docker buildx build -t cocktail-app-v3-nextjs:v01 .
docker run -p 3000:3000 cocktail-app-v3-nextjs:v01
The app looks like this.
Please read the license file.