/myCocktail

myCocktail is a front-end project written in Vue3 / Typescript / Docker / Vitest which proposes to its visitors cocktails and its ingredients randomly

Primary LanguageTypeScript

myCoktail

This project aims to offer its user 3 random cocktails.

This one has two themes, an extravagant Dark Mode and a sober Light Mode, it is possible to alternate between one and the other thanks to the button located at the bottom right of the screen.

It is possible to change the cocktails in two ways. Either by reloading the page, or by using the button in the center called Give me new cocktails.

You can choose to keep one or more cocktails, this will have the effect of keeping them and only changing the unselected ones.

Fully navigable via the keyboard

Compliance with level A of the ecoindex

Technology & API used

Vue.js 3, TypeScript, TailwindCss, Vitest, Docker, thecocktaildb

Run Project

docker-compose build
docker-compose up

Run Test

npm i
npm run test:unit

or

docker exec myCocktail_node npm run test:unit