Для запуска: npm run dev
Задание 3: Компонент выбора цвета на React и Next.js Описание задания: Ваша задача - создать компонент выбора цвета на React и Next.js, который позволит пользователю выбирать цвет с использованием различных методов. Требования:
- ✅ Компонент должен предоставлять пользователю интерфейс для выбора цвета.
- ✅ Пользователь должен иметь возможность выбирать цвет с помощью ползунка для каждого из трех основных цветов (красный, зеленый, синий) или вводить значение вручную.
- ✅ Компонент должен отображать выбранный цвет в режиме реального времени.
- ✅ Компонент должен иметь кнопку "Применить", при нажатии на которую выбранный цвет будет передан в родительский компонент.
- ✅ Код должен быть написан с использованием функциональных компонентов и хуков.
- ❌ Ваше приложение должно корректно работать при обновлении страницы (с помощью серверного рендеринга или статической генерации страниц Next.js). Бонусные пункты:
- 50/50 Использование TypeScript для типизации проекта.
- ❌ Добавление возможности выбора цвета с использованием палитры или других методов.
- ❌ Добавление анимации или эффектов при выборе цвета.
- ❌ Использование Jest и React Testing Library для написания тестов.