mnemo_cards/mnemo_cards_web_v2/lib/presentation/pages/playground
Dmitry cb781741f3
Some checks failed
Web App CI / test (push) Waiting to run
Web App CI / build (push) Blocked by required conditions
Deploy Mnemo Cards / Deploy Backend (push) Waiting to run
Deploy Mnemo Cards / Deploy Web App (push) Blocked by required conditions
Deploy Mnemo Cards / Final Verification (push) Blocked by required conditions
Backend CI / test (push) Has been cancelled
Mobile App CI / test (push) Has been cancelled
Deploy Telegram Bot / Deploy Telegram Bot (push) Has been cancelled
Backend CI / build (push) Has been cancelled
Mobile App CI / build-android (push) Has been cancelled
Mobile App CI / build-ios (push) Has been cancelled
stuff
2026-01-10 21:48:31 +03:00
..
mock_data.dart stuff 2026-01-10 21:48:31 +03:00
playground_page.dart yookassa 2026-01-03 16:14:27 +03:00
README.md yookassa 2026-01-03 16:14:27 +03:00

Component Playground

Локальная страница для разработки и дизайна компонентов без необходимости деплоя.

Доступ

Откройте /playground в браузере. Страница доступна без авторизации.

Доступные компоненты

1. AnswerOptions

Виджет для отображения вариантов ответов в вопросах с множественным выбором.

Контролы:

  • Переключение состояния "Answer Submitted"
  • Переключение состояния "Is Correct"
  • Выбор ответа через радио-кнопки

2. QuestionDisplay

Виджет для отображения вопроса (текст, изображение, аудио).

Контролы:

  • Переключение между типами вопросов (Multiple Choice, Input Letters, Match, Matrix)

3. InputLettersWidget

Виджет для ввода букв в шаблон.

4. MatchWidget

Виджет для сопоставления элементов из двух колонок.

5. MatrixWidget

Виджет для выбора карточек из матрицы.

6. ProgressIndicator

Виджет для отображения прогресса игры.

Контролы:

  • Выбор режима отображения (Full, Compact, Mini)
  • Слайдер для изменения текущего вопроса

Моковые данные

Все моковые данные находятся в mock_data.dart. Вы можете редактировать их для тестирования различных сценариев.

Примечания

  • Некоторые виджеты могут использовать звуковые сервисы через scope, но в playground они работают без звука
  • Изображения используют placeholder URLs - замените их на реальные для тестирования с изображениями
  • Все компоненты отображаются в изолированном контейнере для удобного просмотра