We do love beer and we want to make an app to order some 🍺 !
To do so we will use the following API
- You make use of React, and Typescript. State management technology is up to you: Redux, Swr, React-Query, Recoil, Context, ...
- For styling you can choose what you want 🎨
- There are 3 pages (beer list, beer detail, beer cart)
- When the page is reloaded, the cart remains filled
Beer list page:
- Display all the beers paginated with an image, name, volume (you can paginate or use infinite loading)
- It's possible to order or remove a beer from the cart
- It's possible to search for a beer
- We can see if a beer has been ordered or not
- We can navigate to the beer detail and beer cart pages
Beer details page:
- The beer details include the following: image, name, description, volume, ingredients, brewers_tips, and more if you feel the need ;)
- We can see if the beer has been ordered or not
- We can navigate to the beer list and beer cart pages
Beer cart page:
- Display a simple list of beers contained in the cart with their image and name
- We can navigate to the beer detail and beer list pages
- Responsive design (animations)
- Implement tests (you can choose your stack: Stoybook, Jest, Cypress, QAWolf, ...)
- Add linters
- The app can run in a docker environment