QISSA App Structure: Home, Auth & Role-Based Dashboard

Answered using AI by Vibe Coding

Code Question:

🟣 Структура веб-сайта / приложения QISSA

  1. Главная страница (Home)

На главной странице должны быть:

Короткое описание: “QISSA — интерактивные сказки, которые учат, развлекают и развивают детей”

Большой CTA: Read Stories / Start Creating

Превью нескольких сказок

Для родителей — блок “В чем польза?”

Можно добавить:

✨ Герой-талисман платформы (помощник в навигации)

  1. Вход и регистрация (Login / Sign Up)

Обязательные функции:

Email + пароль

Google или Apple вход

Выбор роли: Родитель / Ребёнок / Автор сказок

Для детей можно сделать простой PIN-код 4 цифры.

  1. Дашборд после входа

Зависит от роли:

👶 Для детей:

Продолжить читать сказку

“Твоя библиотека”

“Твой персонаж” — ребенок может выбрать аватар

Игровые задания по сказке

👨‍👩‍👧 Для родителей:

Рекомендации сказок по возрасту

Родительская статистика:

сколько минут читал

какие навыки прокачивает

Настройки ограничений (например, время чтения)

✍️ Для авторов:

Добавить историю

Редактировать опубликованную

Анал

Code Solution:

🟣 Структура веб-сайта / приложения QISSA

1) Главная страница (Home)

Основные элементы:

  • Короткое описание:
    «QISSA — интерактивные сказки, которые учат, развлекают и развивают детей»
  • Кнопки CTA (Call to Action):
    • «Читать сказки» (переход в библиотеку)
    • «Создать свою» (для авторов / родителей)
  • Превью сказок:
    • 3–4 популярные/новые сказки с обложками и кратким описанием
    • Автоматическая прокрутка или grid-галерея
  • Блок «В чем польза?» (для родителей):
    • Иконки + короткие тезисы: «Развивает воображение», «Учит добру», «Адаптировано по возрасту»
  • Герой-талисман:
    • Анимированный персонаж (например, лисёнок или волшебная книга), который:
      • Подсказывает, куда кликнуть
      • Появляется в onboarding-туториалах

2) Вход и регистрация (Login / Sign Up)

Обязательные функции:

  • Стандартная регистрация:
    • Email + пароль
    • Подтверждение email (для родителей/авторов)
  • Быстрый вход через:
    • Google / Apple ID
  • Выбор роли:
    • 👨‍👩‍👧 Родитель: доступ к статистике, настройкам, оплате
    • 👶 Ребёнок: упрощённый интерфейс + PIN-код (4 цифры)
    • ✍️ Автор: доступ к редактору сказок
  • Дополнительно:
    • Для детей: выбор аватара при первом входе
    • Для родителей: привязка нескольких детских аккаунтов

3) Дашборд после входа (разные роли)

👶 Для детей:

  • «Продолжить читать» (последняя открытая сказка)
  • «Твоя библиотека»
    • Сортировка по: «Новым», «Любимым», «По возрасту»
    • Прогресс прочтения (например, 30% завершено)
  • «Твой персонаж»
    • Кастомизация аватара (шляпы, цвета, предметы из сказок)
  • Игровые задания
    • Мини-игры по мотивам прочитанного («Помоги герою найти путь», «Собери пазл»)

👨‍👩‍👧 Для родителей:

  • Рекомендации
    • Подборки по возрасту, темам («Дружба», «Смелость»)
  • Статистика:
    • Время чтения за день/неделю
    • Навыки («Логика», «Эмоциональный интеллект»)
  • Настройки:
    • Ограничение времени чтения
    • Выбор уровня сложности текста
    • Управление подпиской

✍️ Для авторов:

  • «Создать сказку»
    • Текстовый редактор с мультимедиа:
      • Добавление иллюстраций/анимаций
      • Интерактивные элементы («Выбор варианта ответа»)
  • Модерация:
    • Черновики / отправка на проверку
    • Статистика («Просмотры», «Оценки»)

✨ Дополнительные идеи:

  • Голосовое сопровождение сказок (для малышей)
  • Еженедельные челленджи («Прочитай 3 сказки — получи значок»)
  • Родительские вебинары о пользе storytelling

Такая структура сочетает удобство, персонализацию и образовательную ценность. Нужны детали по какому-то разделу?