Skip to content

Создание разметки всех страниц (без работы над тактической доской)

🎯 Цель

Разработать разметку всех основных страниц веб-приложения «Ассистент», за исключением страницы с тактической доской. Основная задача — создать визуальную основу проекта (Next.js + TailwindCSS), реализовать адаптивную структуру интерфейса и подготовить компоненты для последующей интеграции с бэкендом.

⚙️ Объём (Scope)

Создаются следующие страницы и их разметка (на mock-данных): 1. Главная страница (Dashboard) • Турнирная таблица (mock JSON table.json) • Календарь ближайших матчей • Карточки матчей (дата, команды, статус, логотипы) • Шапка навигации (главная / матчи / профиль) 2. Просмотр игр • Список матчей в виде карточек • Страница конкретного матча с видеоплеером (заглушка), таблицей событий и блоком “Советы ИИ” 3. Авторизация и регистрация • Страницы /login и /register • Унифицированный компонент формы (FormCard) • Валидация (email, пароль, имя) • Состояния: загрузка, ошибка, успех • Mock-поведение (тренер → /dashboard, админ → /admin) 4. Профиль / Личный кабинет • Информация о пользователе (mock) • Список команд/матчей • Кнопка “Сменить пароль” (mock-функция) 5. Административная панель (Admin) • Разметка панели администратора • Сайдбар с навигацией (пользователи, команды, настройки) • Табличный компонент с mock-данными пользователей

🧩 Что включено • Создание страниц в /frontend/pages/ • Компоненты в /frontend/components/ • Адаптивная верстка под desktop/tablet • Использование TailwindCSS и Next.js • Mock-данные в /frontend/data/*.json • Единая цветовая схема (фиолетово-синий градиент, белые карточки, тени)

🚫 Что не входит (Out of Scope) • Тактическая доска (/tactics) • Реализация drag-and-drop логики • Интеграция с API • Работа с реальными данными