arrow_back К списку проектов

Мир-задач

MODX APIVue.jsSCSSMaterial Web Components.

О проекте

«Мир Задач» — это интерактивная образовательная игра, созданная для детей младшего школьного возраста. Проект родился из личной инициативы как альтернатива коммерческим платформам с их подписками и ограничениями. Это SPA-приложение, разработанное с душой, чтобы сделать обучение увлекательным.

Ключевые решения

Архитектура «Vue SPA + Headless MODX»: Фронтенд на Vue.js отвечает за всю игровую логику, а MODX используется как удобная админка для управления задачами, уровнями и достижениями через MIGX.
Единый API-эндпоинт: PHP-сниппет в MODX собирает все игровые данные в один файл api.json. Это минимизирует запросы к серверу и упрощает управление состоянием на клиенте.
Геймификация на Pinia: Реализована комплексная система достижений, подсчета очков и сохранения прогресса игрока с использованием хранилищ Pinia и плагина для персистентности в localStorage.
Полный цикл разработки: Как единственный разработчик, я спроектировал архитектуру, реализовал фронтенд и бэкенд, а также настроил всю игровую логику.

Посмотреть проект