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

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

Функциональные возможности

Реализовано:

• Многоязычная поддержка (i18n)

  • Поддержка русского и английского языков
  • Переключение языков в интерфейсе
  • Локализованные тексты для всех компонентов

• Аутентификация и управление пользователями

  • Регистрация и вход пользователей
  • Различные роли (студент, преподаватель, администратор)
  • Профили пользователей с возможностью редактирования

• Система видеотрансляций

  • Компонент StreamView для проведения и просмотра трансляций
  • Управление микрофоном, камерой и демонстрацией экрана
  • Чат для общения во время трансляции
  • Список участников с возможностью управления
  • Поднятие руки и другие интерактивные функции

• Система тестирования

  • Компонент MicroTest для проведения тестов
  • Поддержка различных типов вопросов (единичный выбор, множественный выбор, текстовый ответ)
  • Таймер для ограничения времени
  • Обратная связь с объяснениями для правильных и неправильных ответов
  • Сводка результатов и аналитика

• Дополнительные компоненты

  • Темная и светлая темы оформления
  • Система уведомлений
  • Адаптивный дизайн для мобильных устройств

В разработке:

• Улучшения системы заданий

  • Создание, редактирование и проверка заданий
  • Система оценок и комментариев к заданиям

• Интерактивные элементы обучения

  • Интерактивные графики и диаграммы
  • Визуализация алгоритмов и процессов

• Панель управления для преподавателей

  • Полный интерфейс TeacherDashboardView
  • Аналитика успеваемости студентов
  • Управление материалами и расписанием

• Улучшения системы микрообучения

  • Интерактивные уроки и модули
  • Адаптивное обучение на основе прогресса

Технологии

• Vue 3 + Vite
• Pinia для управления состоянием
• TailwindCSS для стилизации
• i18n для локализации
• Vitest для тестирования

Начало работы

Установка зависимостей

npm install

Запуск режима разработки

npm run dev

Сборка для продакшн

npm run build

Структура проекта

bulsteptech/
├── public/                  # Статические ресурсы
├── src/
│   ├── assets/              # Изображения, стили, шрифты
│   │   ├── auth/            # Компоненты аутентификации
│   │   ├── common/          # Общие компоненты
│   │   ├── dashboard/       # Компоненты для панели управления
│   │   ├── micro-learning/  # Компоненты микрообучения
│   │   └── stream/          # Компоненты для трансляций
│   ├── data/                # Тестовые данные и константы
│   ├── layouts/             # Макеты страниц
│   ├── locales/             # Файлы локализации (i18n)
│   ├── router/              # Настройки маршрутизатора Vue Router
│   ├── stores/              # Хранилища Pinia
│   ├── utils/               # Утилиты и вспомогательные функции
│   ├── views/               # Компоненты страниц
│   ├── App.vue              # Корневой компонент
│   ├── main.js              # Точка входа JavaScript
│   └── i18n.js              # Настройка i18n
├── .eslintrc.js             # Настройки ESLint
├── .gitignore               # Исключения Git
├── index.html               # Входная HTML-страница
├── package.json             # Зависимости и скрипты
├── README.md                # Документация проекта
├── tailwind.config.js       # Конфигурация Tailwind CSS
└── vite.config.js           # Конфигурация Vite

Вклад в проект

1. Форкните репозиторий
2. Создайте ветку для вашего функционала (git checkout -b feature/amazing-feature)
3. Зафиксируйте изменения (git commit -m 'Add some amazing feature')
4. Отправьте ветку (git push origin feature/amazing-feature)
5. Откройте Pull Request

Лицензия

Этот проект лицензируется по лицензии MIT - см. файл LICENSE для получения подробной информации.

Авторы

• BulStepTech Team - Начальная работа - BulStepTech

Благодарности

• Всем преподавателям и студентам, внесшим вклад в тестирование и обратную связь
• Сообществу Vue.js за отличную документацию и поддержку