Задание: HTML5-разработчик. Интерактивный сайт-викторина (Дистанционная работа)
Техническое задание на разработку сайта-викторины (MVP)
Общее описание:
Требуется разработать веб-сайт для проведения интеллектуальных викторин. Пользователь регистрируется, пополняет внутренний баланс, выбирает уровень сложности (пакет вопросов) и оплачивает участие. После оплаты запускается серия вопросов с вариантами ответов и таймером. При успешном прохождении всех вопросов на баланс пользователя зачисляется выигрыш. Проект запускается в формате MVP с одной тематикой вопросов.
Основной функционал (обязательный для MVP):
1. Главная страница:
· Приветственный блок с кратким описанием.
· Карточки выбора тематики (на старте активна только одна, остальные отображаются как «Скоро», некликабельны).
· Кнопки «Вход» / «Регистрация».
2. Страница выбора уровня (после выбора темы):
· Отображение 4-х вариантов пакетов вопросов, отличающихся количеством вопросов, ценой и размером приза (параметры загружаются из админ-панели).
· Кнопка «Купить и начать».
3. Игровой экран:
· Отображение номера текущего вопроса и общего количества.
· Таймер обратного отсчета (5 секунд на вопрос).
· Текст вопроса и 4 варианта ответа (кнопки).
· При выборе ответа — мгновенная проверка. При ошибке — завершение игры, при успехе — переход к следующему вопросу.
· Если игрок успешно ответил на все вопросы — поздравление и зачисление приза на баланс.
4. Личный кабинет пользователя:
· Отображение текущего баланса.
· Кнопка «Пополнить баланс» (интеграция с платежным шлюзом).
· История операций: пополнения, покупки пакетов, выигрыши.
· Кнопка «Вывод средств» (запрос на вывод, обработка администратором).
5. Административная панель:
· Управление вопросами: добавление, редактирование, удаление.
· Для каждого вопроса можно задать: тему, уровень сложности (лёгкий/средний/сложный), текст вопроса, изображение (опционально), 4 варианта ответа, правильный ответ.
· Управление пользователями: просмотр списка, блокировка.
· Просмотр статистики по играм.
6. Платежная система:
· Интеграция с одним из российских платежных агрегаторов (ЮKassa, Robokassa или аналогичный) для пополнения баланса.
· Вывод средств — ручное подтверждение администратором с последующей выплатой вручную или через API агрегатора.
