Учёба как игра: одна база, разные темы оформления

Сайт и приложение с учебными заданиями, школьным дневником, наградами от родителей и игровым временем за контрольные точки. Вся «начинка» — упражнения, предметы, школьный и личный дневник, задачи, календарь, заметки, награды — живёт в одной общей базе. Тема отвечает только за внешний вид. Первая готовая тема — «Звёздная академия».

👧 Вход ученика👨 Вход родителя 📚 Упражнения по 4 предметам🎒 Школьный дневник: расписание, ДЗ, оценки 🏁 Контрольные точки → минуты игры🎁 Награды от родителей 🔒 Добавленное родителем не удалить📔 Личный дневник · 📅 Календарь · 🗒️ Заметки 🚀 Свой корабль-станция: 10 отсеков с улучшениями🧑‍🚀 Свой персонаж: мальчик или девочка🎓 Программа 3 класса
Демо-входы: ученица uliana / 1234 · родитель dima / 1234

🚀 Открыть приложение

Как устроено: база + тема

Тему можно поменять в настройках родителя — прогресс, оценки, дневник и задания останутся теми же. Новая тема — это только папка с оформлением, без изменений в данных и правилах.

🗄️ Общая база — одинакова для всех тем

  • Контент: предметы, темы уроков, банк упражнений, оценки и виды работ — core/content.js
  • Данные семьи: прогресс, кошелёк, задачи, календарь, заметки, личный дневник, школьный дневник (расписание, домашка, оценки), награды, корабль, персонаж, журнал событий — core/db.js
  • Правила: контрольные точки и минуты игры, начисления, «добавленное родителем не удалить», оценки ребёнка ждут подтверждения
  • Экраны: вход, уроки, дневники, магазин, игры, кабинет родителя — app/

🎨 Тема — только оформление

  • Палитра, шрифты, фон и анимации — themes/<тема>/theme.css
  • Слова: «миссия» вместо «урок», «ЦУП» вместо «родители», название валюты
  • Маскот и его фразы, главная сцена (планеты, остров, комната питомца), маршрут уроков
  • Косметика в магазине (модули станции, скины) и внешний вид мини-игр
  • Корабль: уровни отсеков общие, а вид — свой у каждой темы (звездолёт, парусник)
  • Готова: 🚀 «Звёздная академия». В работе: ⛵ «Путешествия» с парусным кораблём, 🐉 «Мой дракончик»

Концепции оформления

Первые прототипы трёх концепций. «Звёздная академия» выбрана и перенесена в приложение как первая тема. Две другие станут темами на той же базе — пока их можно посмотреть как отдельные прототипы со своими демо-данными.

Концепция 1 · Путь

🦊 Остров знаний

Солнечный остров с извилистой тропой уроков. Лисёнок Рыжик ведёт от камня к камню, каждый пятый — сундук-контрольная с игровым временем. Самая понятная и «быстрая» модель: открыл — и сразу видно, куда идти дальше.

Что мотивирует

  • Серия дней подряд 🔥 и короткие уроки по 5 вопросов
  • Видимый прогресс на карте, сундуки впереди
  • Жёлуди 🌰 → лавка и награды от родителей

Плюсы и риски

  • ✅ Проще всего сделать и понять ребёнку
  • ✅ Хорошо масштабируется на новые предметы
  • ⚠️ Линейно: со временем может приесться без событий и сезонов
Duolingo — путь и серияУчи.ру — карта заданийКарты «саг» казуальных игр
Открыть прототип →
Концепция 2 · ✅ выбрана — первая тема приложения

🚀 Звёздная академия

Дочка — кадет космической академии. Предметы — планеты на орбитах, уроки — миссии, контрольные — гиперпрыжки. Родители — «ЦУП», их задания приходят как приказы. За кристаллы она достраивает свою станцию.

Что мотивирует

  • Звания: Кадет → Пилот → … → Адмирал
  • Строительство своей станции из модулей
  • Ракета летит к планете по мере ответов

Плюсы и риски

  • ✅ Сильная история и чувство «я исследую»
  • ✅ Много места для событий и новых планет
  • ⚠️ Тёмная тема и «приключение» — не всем девочкам заходит, проверьте на дочке
Prodigy — RPG-прогрессKhan Academy — освоение темКосмические сим-игры
Открыть в приложении →
Концепция 3 · Питомец

🐉 Мой дракончик

Из яйца вылупляется дракончик Искорка и растёт, когда дочка учится: уроки его кормят, дела радуют, опыт превращает малыша во взрослого дракона. Уютная комната, которую можно обставлять, и дневник «на двоих».

Что мотивирует

  • Забота: питомец ждёт и скучает
  • Эволюция: яйцо → малыш → подросток → дракон
  • Обустройство комнаты, аксессуары

Плюсы и риски

  • ✅ Самая сильная эмоциональная привязка
  • ✅ Дневник и настроение органично вписаны
  • ⚠️ Не давить чувством вины: голод питомца должен расти мягко
Finch — питомец растёт от твоих делJoon — квесты детей для питомцаТамагочиHabitica — задачи → награды
Открыть прототип →

Игровой цикл (общий для всех)

Награды двух видов: внутриигровые (валюта, предметы, уровни) и настоящие — от родителей. Игровое время — отдельная «валюта», которую нельзя купить: только пройти контрольную точку или получить в подарок.

📚Урок

5 вопросов. Ошибка — не наказание: подсказка и повтор вопроса в конце урока.

🏁Контрольная точка

Каждый 5-й урок, 8 вопросов. Пройдено на 60%+ → +10 минут игры.

🪙Валюта и опыт

За ответы, дела, дневник. Опыт поднимает уровень, валюта тратится в магазине.

🎁Награды

Мороженое, мультик, парк… Ребёнок «заказывает», родитель подтверждает или отклоняет с возвратом.

За чтоСколько
Правильный ответ в уроке2
Урок пройден+5
Правильный ответ в контрольной3
Контрольная пройдена+20 и 10 мин игры
Задание от родителей10–20 (задаёт родитель)
Своя задача3
Запись в дневнике за день2
Повтор пройденного урока½ валюты

Правила семьи, зашитые в систему

  • Задачи, события и записки от родителей ребёнок не может удалить — только выполнить.
  • Настоящие награды выдаёт только родитель: запрос ждёт подтверждения.
  • Игровое время копится только за контрольные точки или как подарок родителей.
  • Таймер идёт, только пока игра открыта и вкладка активна; по нулям — игра закрывается.
  • Родитель видит точность по предметам, серию дней и ленту событий.

Цифры — стартовые, их удобно будет вынести в настройки родителя.

Сравнение

🦊 Остров знаний🚀 Звёздная академия🐉 Мой дракончик
МетафораПутешествие по тропеКадет исследует галактикуЗабота о питомце
Главный мотиваторПрогресс и серия днейЗвания, строительство станцииПривязанность, рост питомца
Визуальный стильСолнечный, «объёмные» кнопкиНочное небо, неон, стеклоПастель, уют, мягкие формы
Родительская зона«Домик родителей»«ЦУП — центр управления»«Уголок родителей»
Валюта🌰 жёлуди💎 кристаллы🍓 ягодки
Сложность разработкиНизкаяСредняя (анимации орбит, станция)Средняя (состояния питомца, эволюция)
Удержание через полгодаНужны сезоны и событияНовые планеты и модулиНовые стадии, комнаты, друзья питомца
Лучше всего для7–9 лет, первый опыт8–11 лет, любит истории6–10 лет, любит заботиться

Концепции хорошо комбинируются: например, тропа уроков из первой + питомец-компаньон из третьей.

Похожие решения и что из них взято

ПродуктЧто работаетГде у нас
Duolingo / Duolingo ABCКороткие уроки, путь, серия дней, мягкая обратная связь, повтор ошибокТропа уроков, 🔥 серия, «вернёмся к вопросу»
Учи.руКарта заданий, персонажи-проводники, русская школьная программаКарта, маскоты, темы уроков
Prodigy MathУчёба как RPG: мир, уровни, снаряжениеЗвания, миссии, станция
Khan Academy KidsСпокойный дизайн, персонажи, без рекламы и давленияТон подсказок, отсутствие «жизней» в уроках
Finch, JoonПитомец растёт от реальных дел; дети выполняют квесты от родителейДракончик, родительские задания
HabiticaЗадачи → валюта → свои наградыМагазин реальных наград от родителей
BusyKid, GreenlightДомашние дела за карманные деньги, подтверждение родителемЗапрос награды → подтверждение
Google Family Link, Экранное времяЛимиты экранного времениИгровые минуты как заработанная валюта

Как сделать из этого настоящий продукт

Сайт + приложение из одного кода

  • Фронтенд: React + TypeScript (Vite) → сайт и PWA; Capacitor упаковывает тот же код в приложения iOS/Android. Альтернатива — Expo (React Native + Web).
  • Бэкенд: Supabase — вход по логину и паролю, база Postgres, хранение файлов, обновления в реальном времени между телефоном ребёнка и родителя.
  • Защита правил на сервере: правило базы данных запрещает ребёнку удалять записи, созданные родителем — не только кнопка в интерфейсе.
  • Анимации: Framer Motion + Lottie или Rive для персонажей; мини-игры — Phaser или PixiJS.
  • Уведомления: push «Рыжик соскучился», «Новое задание от родителей», «Награда одобрена».

Этапы

  1. Выбор концепции — показать прототипы дочке, посмотреть, что зацепит.
  2. MVP: вход, 2 предмета, уроки и контрольные, валюта, награды, задачи, одна мини-игра.
  3. Семья: родительская панель, календарь, дневник, заметки, push-уведомления.
  4. Контент: банк вопросов по школьной программе её класса, редактор заданий для родителей, генерация новых вопросов с помощью ИИ.
  5. Приложения: сборка под iOS/Android, офлайн-режим, сезонные события.