EShop - интернет магазин электронных товаров

Проект задеплоен по ссылке

Для запуска проекта:

• Установить зависимости npm i
• Запустить проект npm run dev
• Открыть проект в браузере`

Структура проекта

• Главная страница:
  • Отображение товаров: Все товары разделены на секции по категориям, что позволяет удобно ориентироваться в ассортименте.
  • Поиск по названию товара: Пользователь может ввести запрос в поисковую строку для быстрого нахождения нужного товара.
  • Детальная информация: При клике на карточку товара открывается модальное окно с подробным описанием и характеристиками товара.
  • Интерактивность: С каждой карточки можно добавить товар в корзину, изменить его количество или сохранить в избранное.
• Избранные товары:
  • Просмотр избранного: Страница, где отображаются все товары, добавленные пользователем в избранное, для быстрого доступа к ним.
• Корзина:
  • Список товаров: Отображаются все товары, выбранные для покупки.
  • Автоматический расчёт: Система автоматически пересчитывает итоговую сумму при изменении количества товаров.
  • Оформление заказа: При нажатии на кнопку "Оплатить" открывается модальное окно с формой заказа, включающей два этапа:
    • Ввод личных данных (имя, фамилия, телефон, метод доставки, адрес доставки).
    • Ввод данных карты для оплаты.
• Контакты:
  • Информация о магазине: Страница с полной контактной информацией. Все ссылки (телефон, почта, адрес) являются кликабельными для удобства пользователя.
• Условия сервиса:
  • Правила и условия: Подробно описаны условия использования сервиса, гарантии и политика магазина.

Технологии и инструменты

• Vite
• React.js
• TypeScript
• Redux ToolKit
• React router dom
• i18next
• Formik + Yup
• Module SCSS
• ESLint + Prettier