$ yarn
# or
$ npm install$ yarn dev
# or
npm run devOpen browser at http://localhost:3000/
You own a drink bar with self-order through a tablet as a menu.
You want your customer to have a drink experience that starts from selecting a favourite ingredient.
Customers can choose one ingredient and have an overview of suggested drinks that matches, then they can make an order directly from the tablet.
You will use data from TheCocktailDB.com
| US | Description |
|---|---|
| #1: | As a user I want to search drinks from a selection of ingredients that fit my tastes. |
| #2: | As a user I want to make an order from the found drinks so that i can get my drinks. |
| #3: | As a user I want to review my order to make sure it's right. |
We will not set up any acceptance criteria for these stories, you may try to imagine the minimum functionalities to create a good experience.
React Project build with NextJS Framework
- Create at least two different routes with a cool transition between them.
- We want to prefetch cocktails at build time.
- Create at least a custom hook.
- Must be responsive.
- ⚡ Performance
- 🏰 Method in architecture implementation
- 🧩 Components architecture
- 🔗 Organization and structure of project and code
- 💭 Thinking out of the box
- ♻️ User experience