Разработка MVP интерактивной образовательной веб-игры в стиле RPG

О проекте

Цель - создание современного веб-приложения с элементами RPG, ориентированного на детей в возрасте от 7 до 12 лет. Это не классическая браузерная игра, а образовательный игровой сервис, который сочетает в себе:

Создание и кастомизацию персонажа
Прохождение коротких игровых заданий
Получение визуальной обратной связи от системы
Взаимодействие с элементами мини-игр

По ощущениям проект представляет собой смесь лёгкой RPG, EdTech, геймификации и интерактивного обучения.

Технические требования и предпочтения

Основной стек технологий:

Фронтенд: Next.js / React с TypeScript
Стилизация: Tailwind CSS / shadcn для современного UI
Бэкенд и данные: Supabase или Firebase (авторизация, хранение данных)
Анимации: Framer Motion или аналоги для плавных переходов и состояний
Архитектура должна позволять легко расширять проект под добавление новых игровых сцен

Готовы рассмотреть альтернативные предложения по технологическому стеку от исполнителя.

Задачи для MVP (первый этап)

1. Онбординг пользователя

Реализация входа без привязки к email (логин + пароль)
Система сохранения прогресса пользователя
Организация минимальной пользовательской сессии

2. Создание и кастомизация персонажа

Интерфейс выбора базового героя
Несколько вариантов настройки внешнего вида персонажа (детали уточняются)
Отображение созданного персонажа в основном интерфейсе игры

3. Базовая игровая механика (Core Gameplay MVP)

Реализация простой цикличной механики: действие пользователя → реакция системы → мини-результат → награда
Акцент на UI-стиль: кнопки, состояния, интерфейсные анимации без тяжёлой графики

4. Пользовательский интерфейс и опыт (UI/UX)

Адаптивная и кроссбраузерная вёрстка
Яркий, современный, дружелюбный игровой интерфейс, ориентированный на детей
Лёгкие визуальные эффекты для повышения вовлечённости

код