https://github.com/gregman-js/jipp-shop
https://github.com/gregman-js/jipp-shop
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gregman-js/jipp-shop
- Owner: Gregman-js
- Created: 2024-01-03T19:48:44.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-06T16:43:33.000Z (over 1 year ago)
- Last Synced: 2025-03-27T05:42:04.649Z (about 2 months ago)
- Language: JavaScript
- Size: 685 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mikrowarsztat – sklep internetowy
1. Twoim zadaniem jest stworzenie sklepu internetowego – oczywiście jego uproszczonej wersji.
2. Stwórz stronę główną projektu – wczytaj na niej listę wszystkich produktów.
3. Utwórz też podstrony dla każdego pojedynczego produktu.
4. Stwórz koszyk w headerze strony – powinien on przetrzymywać stan koszyka i obliczać łączna kwotę zakupów. Stwórz też osobną stronę dla koszyka z podsumowanem (listą) wszystkich produktów znajdujących się w nim.
5. Feed produktowy znajduje się w pliku `products.json` – stwórz z niego endpoint przy pomocy narzędzia `json-server.`
– Aby stworzyć routing użyj biblioteki `react-router-dom`.
– Stan koszyka powinien być przetrzymywany w kontekście strony `context api`.
– Do stylowania możesz użyć biblioteki Bootstrap albo MaterialUI.
# Run
```shell
json-server --watch src/data/products.json --port 3001
npm start
```