https://github.com/flavokrkkk/streetforceapp
online clothing store
https://github.com/flavokrkkk/streetforceapp
Last synced: 23 days ago
JSON representation
online clothing store
- Host: GitHub
- URL: https://github.com/flavokrkkk/streetforceapp
- Owner: flavokrkkk
- Created: 2024-02-20T19:59:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-20T22:07:22.000Z (over 1 year ago)
- Last Synced: 2025-02-17T00:51:12.731Z (4 months ago)
- Language: JavaScript
- Size: 14.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# StreetForceApp
Стек: NodeJs, ExpressJs, PostgresQL, ReactJs (Не учитывая внешние библиотеки)
Реализовать в будущем:
1)Адаптация личного кабинета
2)Подключить API для оплаты товаров
3)Регистрация по JWT токену
4)Исправить все мелкие недочеты проекта
# Скриншоты данного проекта
Основной Лендинг приложения, где в кратких частях описан магазин, при адаптации на 560px, добавляется SlickSlider
Главная страница магазина, где расположены все товары, которые мы подгружаем с БД, в качестве примера используются шаблоны, реализована сортировка, фильтрация и пагинация между страницами, все товары обёрнуты в глобальный стейт
Страница с характеристиками каждого товара, при get запросе на сервере указывается '/:id' товара и подгрузка характеристик с бд, с возможностью добавить товар в корзину или избранные, а также выбрать размер и реализованный слайдер с помощью компонента Carousel из
React-Bootstrap
Корзина пользователя, которая обернута в глобальное состояние и вычисление итоговой цены корзины
Избранные, аналогично с корзиной обернуты в глобальный стейт, товары сразу же добавляются из LocalStorage, SideBar с предложенными товарами, в котором рендерятся два случайных элемента массива всех товаров
Личный кабинет пользователя, данные динамичесик должны подгружаться после регестрации и боковая панель с контактами
Окно с регистрацией и авторизацией, планируется реализовать ее по JWT токену
Меню бургер реализованное, с помощью компонента offCanvas из React-Bootstrap, также выполняются переходы по всем страницам
Админ панель, где администратор может подгружать, новые товары и их характеристики
Спасибо за внимание :)