Все кейсы
Образовательная платформаСобственный проект

bonaqa — платформа для подготовки QA-автоматизаторов

Полнофункциональная EdTech-платформа с интерактивными упражнениями, AI-проверкой кода через GPT-4o, тренажёрами веб-элементов, геймификацией и админ-панелью.

Открыть платформу ↗
bonaqa — каталог курсовУвеличить

О проекте

bonaqa — полнофункциональная образовательная платформа для подготовки QA-автоматизаторов. Включает систему курсов с интерактивными упражнениями, проверку заданий через AI (GPT-4o), тренажёры веб-элементов для практики автоматизации, геймификацию и полноценную админ-панель для управления контентом.

Стек технологий

FrontendReact, Vite, React Router, Lottie-react, PostHog
BackendNode.js, Express.js, Prisma ORM
База данныхPostgreSQL
AIOpenAI GPT-4o (проверка кода, оценка ответов)
АвторизацияJWT, bcrypt, Telegram Login Widget, email-верификация
ИнфраструктураDocker, Docker Compose, Nginx, GitLab CI/CD
МониторингPostHog (трекинг, идентификация пользователей)
API DocsSwagger / OpenAPI 3.0

Что внутри платформы

5 ключевых модулей, превращающих платформу из простой LMS в интерактивную среду обучения

1. Система курсов с прогрессом

  • Структура: Курс → Блоки → Уроки → Упражнения
  • Последовательная разблокировка — следующий блок открывается только после полного завершения предыдущего
  • Интерактивная карта прогресса Learning Path с анимированным маскотом на текущем уроке
  • Уроки с Markdown-контентом: блоки кода, таблицы, инлайн-код
  • Бейджи «новый контент» и «завершён» на карточках курсов
bonaqa — структура курса и Learning PathУвеличить

2. Четыре типа интерактивных упражнений

  • Fill the Blank — заполнение пропусков в коде
  • Multiple Choice — выбор правильного варианта
  • Code Order — drag-and-drop расстановка строк кода в правильном порядке
  • Read Code — свободный текстовый ответ с проверкой через AI (GPT-4o оценивает по критериям, даёт score 0-100, указывает сильные/слабые стороны)
bonaqa — 4 типа упражненийУвеличить

3. AI-проверка кода через GPT-4o

Упражнения типа Read Code и AI Tasks отправляют свободный ответ студента в GPT-4o. Модель оценивает код по заданным критериям и возвращает структурированный feedback:

  • Score 0-100 — числовая оценка
  • Summary — краткий разбор
  • Strengths — что сделано хорошо
  • Improvements — что улучшить
  • Missing test cases — пропущенные сценарии
  • Recommendations — рекомендации

Rate limiting на пользователя защищает от перерасхода API.

bonaqa — результат AI-проверки кодаУвеличить

4. Тренажёр веб-элементов (13 элементов)

Интерактивные песочницы, на которых студенты практикуют автоматизацию реальных UI-компонентов:

  • Select, Checkboxes, Radio Buttons, Inputs, Buttons
  • File Upload, Date Picker, Tabs, Modals
  • Dropdowns, Tooltips, Drag & Drop, Tables

3 готовые формы для end-to-end практики: регистрация, заказ, бронирование.

bonaqa — тренажёр веб-элементовУвеличить

5. Геймификация

  • XP-система: очки за уроки (10), упражнения (5), квизы (20-30), AI-задания (30-50), streak-бонусы
  • 10 уровней: Новичок → Практикант → Ученик → ... → Мастер → Гуру → Легенда
  • Лидерборд с системой лиг: Bronze → Silver → Gold → Sapphire → Ruby → Diamond
  • Streak-система: бонусный XP за непрерывную ежедневную активность
  • Дневные квесты: 3 рандомных задания каждый день + бонус за выполнение всех трёх
  • Достижения: скрытые и открытые, по категориям
  • Combo-система: счётчик серии правильных ответов с визуальными эффектами и конфетти
bonaqa — лидерборд, лиги, достиженияУвеличить

Нестандартные решения

01

AI-проверка открытых ответов

GPT-4o оценивает свободный код студента по заданным критериям — платформа из тестировщика превращается в интеллектуального репетитора

02

Тренажёр как sandbox

13 интерактивных элементов + 3 формы, созданные специально чтобы студенты писали автотесты для реальных UI-компонентов

03

Геймификация с лигами

XP, 10 уровней, лидерборд с 6 лигами, дневные квесты, combo-система и достижения — мотивация через соревнование

Инфраструктура

Docker ComposeDev и production
GitLab CI/CDАвтоматический деплой
NginxReverse proxy + SSL
PostgreSQLPrisma ORM + миграции

Об этом проекте

Это мой собственный продукт, над которым я продолжаю работать. bonaqa показывает, как я подхожу к созданию сложных систем: от архитектуры и AI-интеграции до геймификации и UX. Проект в активной разработке.

Привалов, автор проекта

Нужна образовательная платформа?

Расскажите задачу — предложу решение и оценю сроки. Бесплатно.