Boosted USA

Mагазин электрических скейтбордов и скутеров (pet-проект)

Запуск проекта

npm run start — запускает проект (интерфейс + сервер)
npm run dev — запускает frontend на порту 3000
npm run server — запускает сервер на порту 3001

Демо

Скринкаст можно посмотреть здесь

Используемые технологии

• React
• TypeScript
• React Router
• React Redux
• JSON Server
• SCSS
• HTML5

Функционал приложения

• Страницы сверстаны адаптивно, кроссбраузерно
• Реализована возможность добавить товары в корзину, удалить их, изменить их количество в корзине
• Реализован подсчет общей стоимости корзины
• Настроен роутинг на страницу товара из каталога и из корзины
• Добавлена возможность редактировать профиль пользователя в личном кабинете
• Для хранения данных о товарах и пользователе используется React Redux
• Данные в приложение загружаюся с помощью JSON Server

Макет

https://www.figma.com/file/eUhQTRceLilzTDPtKmiiy9/BOOSTEDusa?node-id=0%3A1

Авторское право

Макет взят из telegram-канала https://t.me/figma2html
Image Scooter by valuavitaly on Freepik
Image Accessory by atlascompany on Freepik
Изображение Gift Card от Freepik
Аватар от catalyststuff на Freepik
Меню иконки от Freepik - Flaticon