Необходимо разработать фронтенд для веб-сайта с использованием React. Основные требования:
Дизайн:
Создать современный, адаптивный и удобный для пользователя интерфейс.
Макет предоставлен в Figma. Возможно, потребуется внести изменения в дизайн по мере разработки.
Особое внимание уделить UX-деталям: расположение элементов, читаемость текста, логика пользовательских действий.
Функционал:
Реализовать компонентный подход с использованием React и React Hooks.
Интеграция с REST API для получения и отправки данных.
Добавить основные функциональные элементы:
Формы ввода данных с валидацией.
Выпадающие меню, вкладки, модальные окна.
Лента данных с функцией бесконечной прокрутки.
Реализовать базовую анимацию с использованием библиотеки Framer Motion (или аналогичной).
Технические требования:
Код должен быть чистым, хорошо структурированным и читаемым.
Использование современных инструментов и технологий:
React (включая функциональные компоненты и хуки).
Стилизация с использованием Tailwind CSS или SCSS.
State-менеджмент (Redux Toolkit или Context API).
Обеспечить кроссбраузерную совместимость (Chrome, Firefox, Edge).
Полная адаптация под мобильные устройства (минимальная ширина 320px).
Оптимизация загрузки (lazy-loading для компонентов и изображений).
Сроки и результаты:
Проект необходимо завершить в течение [например, 3 недель].
На выходе — полностью рабочий интерфейс, протестированный на основных устройствах и браузерах.
Результат должен быть легко интегрируем с бэкенд-частью.