Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yuriyvyatkin/shoe-shop
Интернет-магазин обуви
https://github.com/yuriyvyatkin/shoe-shop
promises react react-context react-hooks react-router-v6 webpack5
Last synced: 5 days ago
JSON representation
Интернет-магазин обуви
- Host: GitHub
- URL: https://github.com/yuriyvyatkin/shoe-shop
- Owner: yuriyvyatkin
- License: mpl-2.0
- Created: 2021-12-27T09:30:17.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-07-12T17:35:43.000Z (4 months ago)
- Last Synced: 2024-07-12T19:47:29.946Z (4 months ago)
- Topics: promises, react, react-context, react-hooks, react-router-v6, webpack5
- Language: JavaScript
- Homepage: https://shoe-shop-d860db0a51e2.herokuapp.com
- Size: 7.36 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Интернет-магазин обуви
**🛠️ Стек**
React + React Context + React Router + React Helmet + Bootstrap + Yarn
**📚 Инструкция по работе с проектом**
##### 1. Клонирование
```
git clone https://github.com/yuriyvyatkin/shop.git
``````
cd shop
```##### 2. Установка зависимостей
```
yarn install
```##### 3. Запуск
```
yarn build
``````
yarn start
```**⚙️ Реализовано**:
- Постраничный роутинг
- Шапка и футер
- Статичные страницы (404, О Магазине, Контакты)
- Баннер
- Работа с HTTP
- Компонент "Хиты продаж"
- Каталог (компонент на главной странице и на странице каталога)
- Поиск по части названия и цвету
- Глобальное состояние
- Корзина и оформление заказа
- Loader/обработка ошибок
**🔀 Роутинг**:
- Из шапки можно попасть на следующие экраны:
- Логотип и ссылка "Главная" - ведут на главную страницу, URL - "/"
- Каталог - ведёт на страницу каталога, URL - "/catalog.html"
- О магазине - ведёт на страницу "О магазине", URL - "/about.html"
- Контакты - ведёт на страницу "Контакты", URL - "/contacts.html"- Из футера можно попасть на следующие экраны:
- О магазине - ведёт на страницу "О магазине", URL - "/about.html"
- Каталог - ведёт на страницу каталога, URL - "/catalog.html"
- Контакты - ведёт на страницу "Контакты", URL - "/contacts.html"