"Интернет-магазин товаров для дома и сада" (Garden Products)
Используется макет в Figma с мобильной адаптацией.
Веб-приложение для интернет-магазина товаров для дома и сада. Сайт предоставляет пользователю удобный интерфейс для просмотра товаров, их категоризации, добавления в корзину и оформления заказа.
- React + Vite
- Redux / Redux Toolkit
- React Router
- React DOM
- React Hook Form
- Sass
Описание вклада в проект:
Элла Кадряева
Linkedin
ella.kadriaieva@gmail.com
- Верстка: header, hero-section, страниц продуктов по категориям, фильтры.
- Реализована тема светлая/темная. Создание контекста для отображения модальных окон.
- Работа с Redux Toolkit AsyncThunk для получения данных с backend.
- Teamlead.
Ирина Данилко
Linkedin
irinadanilkor@gmail.com
- Верстка: созданы и стилизованы компоненты - карточка продукта Sale Card, Sale-section главной страницы, страница продукта ProductDetails, модальное окно "1 day discount", страница 404.
- Реализованы функции добавление рандомных товаров со скидкой на главной странице, вычисление товара дня.
- Работа с Redux Toolkit AsyncThunk для получения данных с backend.
- Участие в фиксировании ошибок и отладки кода с командой.
Михаил Губко
Linkedin
mixelios@gmail.com
- Верстка: Созданы и стилизованы компоненты: страница корзины, компоненты карточек товаров в корзине и компонент BreadCrumbs. система глобальных стилей и использование возможностей SASS.
- Роутинг: Реализован роутинг в приложении (App).
- Получение данных: Реализованы функции FetchClient для получения данных с бекенда.
- Работа с Redux: Разработан и внедрен cartSlice с использованием Redux Toolkit.
- Консультации и отладка: Оказаны консультации по верстке, участие в фиксировании ошибок и отладке кода.
Юрий Бугир
Linkedin
say.to.yurii@gmail.com
- Верстка: созданы и стилизованы три ключевых компонента (Discount, CategoryCard, Form), отвечающие за отображение скидок, карточек категорий и пользовательских форм соответственно.
- Реализована логика: • Discount.jsx: управление и расчёт скидок, оптимизированный рендер UI. • CategoryCard.jsx: вывод карточек с контентом (изображения, описания), SCSS-модули для гибкой стилизации. • Form.jsx: формы ввода данных, валидирование, оптимизированная работа со стейтом (hooks, React Hook Form).
- Работа с состоянием: используется современный подход React — функциональные компоненты, хуки, подключение Redux Toolkit для глобального стейта.
- Участие в фиксировании ошибок и отладки кода с командой.
Алексей Белых
Linkedin
a.bielykh@gmail.com
- Созданы и стилизованы компоненты: футер, скелетон.
- Реализованы функции фильтрации по цене, по наличию скидки, от большей цены к меньшей и наоборот.
- Разработана логика обновления состояния в Redux для более эффективного управления данными, внедрен likesSlice с использованием Redux Toolkit.