React Разработчик

Цели к выполнению

Создать страницу урока, которая отображает:

• Список слайдов (основных разделов урока)

• Цвет каждого слайда в зависимости от его типа(Задача, Теория, Видео). Цвета можете выбрать самостоятельно.

• Возможность переключения между слайдами, через меню.

• Отображение контента выбранного подслайда

• Сверстать два типа слайда - задача и теория.

Требования к интерфейсу

• Верстка по предоставленному макету Figma (возможны ваши дополнения)

• Базовый адаптив для десктопов

• Использовать React + Tailwind CSS

• Использование компонентов из shadcn/ui (если применимо) будет плюсом

Требования к коду

• Структура проекта должна быть чистой и логичной

• Компоненты должны быть переиспользуемыми

• Tailwind классы — чистые, без лишнего

• Использование TypeScript

• Использование React hooks (useState, useEffect и т.п.)

• Можно использовать любой state management на ваш вкус (но useState достаточно)

Исходные данные

Предоставляется ссылка на макет в Figma с подробным описанием связей и наглядной демонстрацией каждого типа слайда.

Что нужно сдать

Исходный код проекта (ссылка на GitHub/архив)

Скриншоты готовой страницы на desktop и mobile

Очень емкое описание структуры компонентов. Важно указать какими инструментами пользовались в процессе написания кода/анализа шаблонов

Будет плюсом: что бы вы улучшили, будь у вас больше времени, а так же укажите, что не успели сделать

Тестовое

Выполнить оплачиваемое тестовое, но после согласования.