Интерактивная 3D-платформа «Путешествие по Древнему Египту» (EdTech, Сбер)

Используемые навыки Next.js Node.js React.js Three.js Typescript

Описание

Продуктовая образовательная платформа в рамках Лаборатории геймификации Сбера — интерактивное путешествие по Древнему Египту для школьников. Нужно было реализовать сложные пользовательские интерфейсы со сложной визуальной частью: 3D-сцены, анимированные персонажи, интерактивные головоломки и обучающие модули, а также backend для хранения прогресса и контента.

Решение

Разработал frontend-часть на React, TypeScript, Redux и redux-saga. Создал интерактивные 3D-сцены и визуальные элементы с использованием Three.js — анимированные 3D-персонажи, головоломки на сопоставление объектов, изометрические сцены с интерактивными точками. Спроектировал и реализовал библиотеку переиспользуемых компонентов для ускорения разработки новых обучающих сценариев. Настроил backend API и структуру базы данных на Nest.js, Sequelize и PostgreSQL. Оптимизировал производительность за счёт ленивой загрузки и code splitting. Настроил CI/CD через GitLab и сборку через Webpack, использовал Docker для контейнеризации.

Результат

Реализована полноценная интерактивная образовательная платформа с плавной 3D-графикой и без просадок производительности, несмотря на сложные сцены. Библиотека переиспользуемых компонентов позволила ускорить разработку новых учебных модулей и сценариев. Проект реализован в виде демо-версии, доступной по ссылке: https://egypt.mocdmi.ru