+7 (812) 979-49-49 Написать в Telegram

Веб-платформы

Edu — платформа интерактивного обучения

LMS, где урок не проигрывается, а отвечает студенту: 25 типов блоков, интерактив с самопроверкой и анимации, которые рендерятся прямо в браузере вместо видеомонтажа.

  • React
  • Remotion
  • AES-256-GCM

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 уроков, работающие анимации и тест — открыв его, преподаватель сразу видит все возможности в деле. Обновление материала занимает секунды вместо пересъёмки и рендера видео.

Бесплатная консультация

Позвольте нам помочь в развитии вашего бизнеса
Напишите в Telegram @zanuda или на почту zanuda@zanuda.infoВ Telegram сразу ответит наш ИИ-ассистент, а сложные вопросы он передаст нам.
Портфолио

Другие работы

Все работы
Веб-платформы

нПДД.рф

Векторизация предложений по ПДД и смысловая карта инициатив.

  • Next.js
  • Эмбеддинги
  • Кластеризация
Веб-платформы

Telegram AI Platform

Контент, рассылки, ИИ-агент и аналитика Telegram-каналов в одном кабинете.

  • Bot API
  • HMAC-SHA256
  • CRM
Сайты и продвижение

Антон Вуйма

Редизайн сайта PR-стратега и автора книги «Чёрный PR»: из информационного портала старой школы — в редакционный сайт с кейсами-«досье», публикациями и книгами.

  • Редизайн
  • WordPress
  • Редакционный дизайн
Следующий кадр за вами

Расскажите задачу. Предложим решение, сроки и стоимость.

Быстрее всего — в Telegram: сразу ответит ИИ-ассистент, а в рабочее время подключимся мы.

Telegram · ответит ИИ@zanuda
Телефон+7 (812) 979-49-49
ОфисСанкт-Петербург, Уткин пр., 11 к. 2, офис 108
Написать в Telegram