СолодкийПет
Проект: адаптивний веб-сайт з динамічним інтерфейсом та клієнтською логікою.
Розробка інтерфейсу виконана на 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.
Розробка інтерфейсу виконана на 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.