Skip to content

🎓 Learn

Общее

Лёрн - система по обучению людей не имеющих опыта в программировании, которая на первых порах помогает обучиться до стажера, а затем упрощает рост с junior-developer до middle-developer. Это, пожалуй, один из самых огромных проектов, которые я разрабатывал на голом энтузиазме.

An image

Цель проекта

Так как я давно менторю студентов - появлялась очень большая потребность в автоматизации процесса обучения. Поэтому я решил разработать данный проект сперва в качестве тренажера. И когда моих студентов вдруг стало немало, решил развивать, добавляя фичи исходя из их потребностей.

Стек

  • Фронтенд реализован на стеке ReactJS + Effector + Styled-components + 42px/fsd-arch

  • Бэкенд реализован на самописном STSF фреймворке / mysql

Фичи

Проект пишется полностью на энтузиазме почти целиком мной с осени 2021

  • Фича: Таск-Трейнер. Непосредственно, набор задачек с решением (пример работы на скриншоте выше). На данный момент есть 3 вида редакторо: Обычный, запускаемый в node-js задач, HTML-DOM редактор, ReactJS редактор

  • Фича: База знаний Лёрн обладает базой знаний, в которой хранится весь теоретический материал, отсортированный по разным блокам (будь то frontend / backend / common разделам по Computer Science и все такое прочее) An image

  • Фича: Ментор-треды. Для развития вплоть до стажёра-junior девелопера, менторы (пользователи с особой ролью) могут создавать треды на специально отведённом форуме с гайдами по разработке An image

  • Фича: Форум. Для всяких тусовочных и оффтоп вещей есть внутренний форум An image

  • Киллер-фича - заклинания. Проходя некоторые главы, вы получаете заклинания. Они хранятся в книге заклинаний. Вы можете автоматизировать вставку различных кусков вашего кода с помощью них, устанавливая их из книги заклинаний на специальную панель снизу. Для того, чтобы "кастовать" заклинания в код, используются горячие клавиши An image

  • Фича: Централизованный поиск. Он позволяет иметь доступ к любой сущности из одного места в приложении. An image

  • Фича: Граф-схемы. Некоторый контент из базы знаний может быть представлен в виде граф-схем, которые позволяют в некоторых случайх гораздо быстрей усовить информацию An image

  • Фича: Лаборатория. Каждый пользователь может написать пример кода в отдельном редакторе, и пошарить его с другими пользователями, чтобы An image

  • Фича: Настройки. Лёрн - настоящее приложение. И у него есть набор своих настроек. Каждый пользователь может подстроить систему под себя. An image

  • Фича: Анализ Юзеров. Менторы в системе могут оценивать своих студентов, чтобы понять какие скиллы у них получаются, а какие им надо бы развить. Также есть отдельное дерево-скиллов, которое формируется на основе уже установленых у юзера скиллов An image

  • Фича: Ачивки. За выполнение в системе каких-то необычных задач, юзер имеет все возможности получить цифровую ачивку. An image

  • Фича: Уведомления. Если юзер получает ачивку / ответ на форуме / засчитывание какой-то задачи, то ему приходит уведомление в едином центре уведомлений. An image

  • Киллер-фича: Тёмная/Светлая тема. Да, тема в приложении может меняться со светлой на тёмную. An image