Навучай: LMS с поиском учебных PDF, курсами и визуальной нарезкой материалов

Ключевые моменты проекта

Организациям с большим архивом учебных материалов нужна одна точка доступа: пользователи быстро находят нужный PDF, администраторы собирают курсы из модулей и уроков, настраивают доступ и навигацию. Команда реализовала фронтенд Навучай — React-платформу с двумя сценариями в разделе «Курсы»: для пользователя это поиск и просмотр материалов, для администратора — управление курсами, модулями и уроками. Отдельный акцент — визуальный редактор урока с обрезкой PDF в координатах печати (PDF points), чтобы backend корректно нарезал темы без ручной разметки.

Задача

Цифровое обучение часто упирается в разрыв между богатым архивом PDF и удобством для конечного пользователя. Типичные задачи: Поэтому для платформы требовалось:

• Быстрый поиск материалов по тегам и древовидной структуре (класс, предмет, книга)
• Разделение интерфейса для ученика/преподавателя и администратора
• Просмотр PDF в браузере без скачивания всего документа
• Конструктор урока с визуальной обрезкой страниц и отправкой координат на API split/cropped
• Управление доступом к курсам и настраиваемое меню навигации по организациям
• Стабильное сохранение уроков без перезагрузки страницы и потери контекста редактора

Наш подход

Платформа спроектирована как единый продукт с чётким разделением ролей и общим API-слоем. Реализовано:

Результат

Платформа стала единым цифровым кабинетом: от поиска фрагмента учебника за минуты до сборки курса и точной нарезки PDF на стороне сервера. Ключевые возможности:

• Поиск по тегам и по дереву «класс → предмет → книга» в одном интерфейсе.
• Пагинированный список материалов и просмотр PDF без ухода со страницы.
• Админ: курсы, модули, уроки, тесты и редактор с визуальной обрезкой страниц.
• Корректная передача Y-координат в PDF points на backend для split/cropped.
• Настраиваемая навигация и контроль доступа к курсам по организациям.
• Сборка на Vite, TypeScript, MobX и единый API-слой для всех разделов.

Сокращён путь от учебного PDF к готовому уроку в курсе: пользователь находит материал через поиск, администратор собирает структуру и задаёт границы страниц визуально.

Измеримые результаты

Что мы узнали

EdTech-продукты выигрывают, когда сложность PDF и иерархии тем скрыта за привычными паттернами поиска и фильтров. Доверие к нарезке материалов строится на единой системе координат (PDF points), предсказуемом сохранении без reload и разделении сценариев user/admin в одном приложении.

Нужна LMS или каталог учебных материалов?

Мы проектируем образовательные платформы, которые соединяют поиск по контенту, управление курсами и работу с PDF в одном интерфейсе. Свяжитесь с нами, чтобы обсудить ваш проект!