SweetPet

Проект: адаптивный веб-сайт с динамическим интерфейсом и клиентской логикой.

Разработка интерфейса выполнена на React с модульной архитектурой компонентов. Навигация между страницами реализована с помощью React Router, что обеспечивает плавные переходы и полноценный SPA-опыт. Управление глобальным состоянием построено на стеке Redux Toolkit, логика данных разделена на feature-слайсы, что делает код понятным и масштабируемым.

Формы имеют логическую валидацию и UX-обработку, собраны через React Hook Form и React Hook Form-совместимые компоненты. UI-кит и визуальная часть проекта стилизованы с Chakra UI, а общие стили написаны на SCSS с использованием методологии BEM. В проект также интегрированы утилитарные классы Tailwind CSS для ускорения верстки сложных адаптивных сеток.

Взаимодействие с сервером основано на архитектуре REST, запросы выполняются через нативный Fetch API. Надёжность работы покрыта автоматизированными тестами: логика — Vitest, пользовательские сценарии компонентов — React Testing Library.

Контроль версий и совместная работа ведутся в среде GitLab: структура ветвления, code review через merge requests и CI-трубки для проверки сборки и тестов. Проект собирается через Vite, итоговый билд оптимизирован и работает кроссбраузерно, с точным соответствием макетам из Figma.