Технологии и инструменты, используемые на проекте

               

Интернет-магазин Фотошоп - онлайн сервис для покупки видео- и фотоаппаратов разного уровня, ценовой категории, типа.

На главной странице реализованы:

• рекламный баннер (Swiper);
• пагинация;
• поисковая строка (запускается после ввода 3-х символов);
• сортировка и фильтр товаров. Результат сортировки имеет свой уникальный URL;
• модальные окна при добавлении товара в корзину;

На странице товара:

• слайдер похожих товаров (Swiper);
• табы;
• подгрузка отзывов по клику;
• отправка нового отзыва о товаре (валидация React Hook Form);
• модальные окна (отправление комментария, добавление товара в корзину).

Страница корзины:

• возможность изменять состав и количество товаров (как при клике на кнопки, так и при ручном вводе);
• реализвана проверка ввода промокода для получения скидки (попробовать: camera-333);
• модальные окна (для подверждения удаления товара из корзины и успешной отправке заказа).

Написаны unit тесты ко всем компонентам (Vitest, React Testing Library)

Время работы

Количество часов, затраченных на проект: 75 часов

Ссылка на хост:

online camera store

Алгоритм работы над проектом

*Для запуска проекта необходима 16 версия node

1. Установите зависимости, выполнив команду npm install.

2. Проверьте работу приложения, выполнив команду npm start.

3. Перейдите по адресу, указанному в терминале (скорее всего, это будет http://localhost:5173/).