React
интерфейс ученика и преподавателя
К проектам
Продуктовая демонстрация
КодоЛаб
Платформа онлайн-обучения программированию для детей.
Личный кабинет ученика, система курсов и отслеживание прогресса обучения.
Блок 2 · Задача проекта
Задача — создать удобную образовательную платформу для онлайн-обучения с системой курсов, личным кабинетом ученика и инструментами для преподавателей.
Онбординг↓
Выбор курса↓
Уроки и задания↓
Прогресс обучения↓
Достижения↓
Кабинет преподавателя↓
Онбординг↓
Выбор курса↓
Уроки и задания↓
Прогресс обучения↓
Достижения↓
Кабинет преподавателя↓
Онбординг↓
Выбор курса↓
Уроки и задания↓
Прогресс обучения↓
Достижения↓
Кабинет преподавателя↓
kodolab interface
Блок 3 · Главная страница платформы
Главный экран платформы с доступом к курсам и навигацией по обучению.
Блок 4 · Каталог курсов
Каталог курсов с карточками программ обучения и быстрым доступом к урокам.
kodolab interface
Блок 5 · Интерфейс ученика
Личный кабинет ученика с доступом к урокам и учебным материалам.
kodolab interface
kodolab interface
Блок 6 · Прогресс обучения
Отображение прогресса обучения и выполненных заданий. Интерфейс с графиками и статусом прохождения курса.
Блок 7 · Результаты и достижения
Система достижений и результатов учеников после прохождения курсов.
kodolab interface
kodolab interface
Блок 8 · Интерфейс преподавателя
Кабинет преподавателя для управления курсами и отслеживания прогресса учеников.
Технологии
Next.js
архитектура образовательной платформы
Node.js
логика курсов и заданий
PostgreSQL
данные пользователей и прогресса
Vercel Blob
хранение видеоуроков
Нужна образовательная платформа?
Мы проектируем и разрабатываем онлайн-сервисы и образовательные платформы под задачи бизнеса.
Обсудить проектПроект КодоЛаб создан как демонстрационный концепт для показа подхода к разработке образовательных платформ и интерфейсов обучения.