mnemo_cards/mnemo_cards_web_v2/lib/presentation/pages/playground
2026-01-03 16:14:27 +03:00
..
mock_data.dart yookassa 2026-01-03 16:14:27 +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 - замените их на реальные для тестирования с изображениями
  • Все компоненты отображаются в изолированном контейнере для удобного просмотра