Цели к выполнению
Создать страницу урока, которая отображает:
-
Список слайдов (основных разделов урока)
-
Цвет каждого слайда в зависимости от его типа(Задача, Теория, Видео). Цвета можете выбрать самостоятельно.
-
Возможность переключения между слайдами, через меню.
-
Отображение контента выбранного подслайда
-
Сверстать два типа слайда - задача и теория.
Требования к интерфейсу
-
Верстка по предоставленному макету Figma (возможны ваши дополнения)
-
Базовый адаптив для десктопов
-
Использовать React + Tailwind CSS
-
Использование компонентов из shadcn/ui (если применимо) будет плюсом
Требования к коду
-
Структура проекта должна быть чистой и логичной
-
Компоненты должны быть переиспользуемыми
-
Tailwind классы — чистые, без лишнего
-
Использование TypeScript
-
Использование React hooks (useState, useEffect и т.п.)
-
Можно использовать любой state management на ваш вкус (но useState достаточно)
Исходные данные
Предоставляется ссылка на макет в Figma с подробным описанием связей и наглядной демонстрацией каждого типа слайда.
Что нужно сдать
Исходный код проекта (ссылка на GitHub/архив)
Скриншоты готовой страницы на desktop и mobile
Очень емкое описание структуры компонентов. Важно указать какими инструментами пользовались в процессе написания кода/анализа шаблонов
Будет плюсом: что бы вы улучшили, будь у вас больше времени, а так же укажите, что не успели сделать
Тестовое
Выполнить оплачиваемое тестовое, но после согласования.