AZ.

SelfSchool — Образовательная платформа

Платформа курсов, диалогов поколений и медиаконтента с 5 000+ пользователей. Видео/аудио плеер, каталог курсов, подкасты, статьи.

Next.jsTypeScriptEffectorReactREST APINode.js

Задача

Разработать образовательную платформу нового формата — с курсами, диалогами поколений, мнениями экспертов, подкастами и статьями. Целевая аудитория — родители, дети и педагоги.

Моя роль

Middle Fullstack Developer в компании SPIKS. Разработал систему предоставления курсов и публикации материалов (видео, аудио), реализовал плеер, каталог контента и систему прогресса обучения на Next.js с Effector.

Ключевые фичи

  • Каталог курсов — 42+ курса по категориям (разработка, дизайн, бизнес, музыка, искусство), фильтрация, сортировка, ценообразование
  • Медиа-плеер — кастомный видео/аудио плеер с трекингом прогресса обучения
  • Диалоги поколений — видеоформат дискуссий представителей разных поколений с экспертами
  • Мнения и комментарии детей — раздел «Что думают дети» с видеоотзывами
  • Подкасты — аудиоконтент с плеером и подпиской
  • Статьи — публикация текстового контента с категоризацией
  • Личный кабинет — профиль, избранное, подписки, библиотека знаний, отзывы
  • Адаптивный дизайн — полная мобильная версия всех разделов

Результаты

  • 5 000+ активных пользователей
  • 42+ курсов в каталоге
  • 20+ циклов тестирования с командой
  • Полностью адаптивный интерфейс для мобильных устройств
SelfSchool — Образовательная платформа — главный экран

Экраны проекта

SelfSchool — Образовательная платформа — экран 2
SelfSchool — Образовательная платформа — экран 3
SelfSchool — Образовательная платформа — экран 4
SelfSchool — Образовательная платформа — экран 5
SelfSchool — Образовательная платформа — экран 6
SelfSchool — Образовательная платформа — экран 7
SelfSchool — Образовательная платформа — экран 8
SelfSchool — Образовательная платформа — экран 9
SelfSchool — Образовательная платформа — экран 10
SelfSchool — Образовательная платформа — экран 11
SelfSchool — Образовательная платформа — экран 12
SelfSchool — Образовательная платформа — экран 13
SelfSchool — Образовательная платформа — экран 14
SelfSchool — Образовательная платформа — экран 15
SelfSchool — Образовательная платформа — экран 16
SelfSchool — Образовательная платформа — экран 17
Предыдущий

SomeSwap — DEX на Monad