Fullstack milk store app - pgp test
To run the app:
- cd client && npm i
- cd .. && npm i
- npm run dev
Background
A small local milk shop needs your help desperately. Lately they started getting a lot of business, and they feel that they need a proper website to take a load off their store. The milk at this store is sold by the liter, and if you thought there was only one type of milk you are waay off! There will be several different types of milk, and you need to make sure that the customer can easily find the type they want! The requirements won’t tell you everything, some parts you need to figure out yourself
Technical requirements
Frontend: React & TypeScript Backend: Express & TypeScript
Requirements
- The milk data can be stored in the background;
- A proper README, this should include background, how to run the app, etc…
- As the customer enters the site they should be met with all the cards of milk that are in storage;
- A search bar where they can search based on name;
- A filter function that can filter out different types of milk; whole milk, oat milk, pea milk, almond milk, rice milk, coconut milk, soy milk, walnut milk, macadamia milk, hemp milk, cashew milk;
- The customer should be able to click on a card and be redirected to the product: Info should be displayed, A slider, or an number input, to choose how much liter they want to order, An order button. When this is clicked it should be clear that the order is done;
- Pagination, show 9 cards per page.
Optional requirements
- A cart;
- Deploy your application;
- Put your data in a database of your choice.