Digital агентство полного цикла
Edu — обучающая платформа с интерактивными уроками и ИИ-ассистентом
Сделать платформу, на которой преподаватель собирает курс сам — без видеостудии, монтажа и отдельных сервисов под тесты. Правка урока должна доходить до студента за секунды, а не после пересъёмки, а сам урок — реагировать на ответы, а не просто проигрываться.
Что сделали
- Конструктор урока из 25 типов блоков: текст, код, таблицы, галереи, видео-вставки, аудио, PDF, embed-демо, инфоблоки, вкладки, аккордеоны, пошаговые инструкции.
- Интерактив с самопроверкой: вопросы с разбором ответа, квизы, карточки, заполнение пропусков, сопоставление пар, сортировка. Прогресс сохраняется по каждому блоку.
- TSX-анимации на библиотеке Remotion — рендерятся прямо в браузере в изолированном sandbox-iframe. Код проверяется перед сохранением, поэтому упавший компонент не ломает страницу. Есть theater- и полноэкранный режимы.
- ИИ-ассистент, который видит структуру курса целиком: добавляет раздел, переписывает урок, генерирует вопросы к тесту, дорабатывает отдельный блок.
- Перенос курсов между инсталляциями через импорт и экспорт JSON с серверной валидацией: разделы, уроки, блоки и тесты выгружаются одним файлом.
- Группы студентов, приглашения по ссылке и e-mail, доступ по паролю, даты старта и дедлайны, заявки на доступ, три уровня видимости курса.
- Геймификация и отчётность: XP за уроки и тесты, достижения, рейтинг группы, именные сертификаты с QR-кодом для проверки подлинности.
- Аналитика для преподавателя: кто прошёл, кто застрял, сводка по тестам, лента активности, разбор вопросов студентов. Режим «войти как студент» для диагностики проблем.
Стек и технологии
Фронтенд
- React, Vite, Tailwind CSS
- SPA с ролевой моделью: студент, преподаватель, администратор
- Remotion в sandboxed iframe, валидация TSX перед сохранением
- Горячие клавиши и автосохранение черновика в редакторе
Бэкенд и данные
- REST API, JSON-схема курса с серверной валидацией импорта
- Файловое хранилище: изображения, аудио, PDF, документы
- Сессии с отзывом на всех устройствах, режим помощи с ограничением прав
- Генерация сертификатов с QR-проверкой подлинности
ИИ и безопасность
- OpenAI-совместимый API на ключе пользователя, в том числе через агрегатор AiTunnel
- Ключ шифруется AES-256-GCM и в открытом виде не хранится — его не видит ни владелец аккаунта, ни платформа
- Токены оплачиваются по тарифу провайдера, платформа их не перепродаёт
- Яндекс.Метрика с вебвизором
Результат
Демо-гид платформы сделан на ней же: 6 разделов, 16 уроков, работающие анимации и тест — открыв его, преподаватель сразу видит все возможности в деле. Обновление материала занимает секунды вместо пересъёмки и рендера видео.
