Maxim Dolgolyov
a6a9fb858c
Визуальный редизайн ch1 Тепловые явления: - Hero: заменён старый .hdr на новый .p8-hero с анимированным градиентом (thermal-shift 14s), огненным SVG-watermark справа (дышащая анимация 6s), live-meter в углу с пульсацией и плавной анимацией значения 37 → 100 → 0 → -10 → 25 → 80 °C. - Eyebrow 'Глава 1 · 11 параграфов', крупный title, sub-описание. - Section watermarks: в каждой <section sec-pN> добавлены тематические SVG (атом, конвекция, солнце, сосуд, фазовый переход, пузыри и т.д.) с opacity .07 на правой стороне. IV-6 §1 flagship interactive — Drag thermometer: - SVG-sandbox 560×320 с 4 телами (лёд, вода, чай, пар) разной T и относительной U. - Draggable термометр (P8Drag.attach + P8Helpers.svg). - При наведении на тело — изменяется цвет термометра по P8Helpers.thermal.tempColor(), readout табло показывают T (°C) и U (отн.). - +5 XP за 12 сек исследования. IV-6 stubs для §2-§11: 'Coming soon' плашки с тематическим SVG-иконкой clock. Расширим в Phase 1.2.
LearnSpace Backend — Фаза 1
Быстрый старт
cd backend
npm install
# 1. Скопировать и заполнить переменные окружения
cp .env.example .env
# 2. Создать базу данных в PostgreSQL
createdb learnspace
# 3. Применить миграции (создать таблицы)
npm run migrate
# 4. Загрузить тестовые вопросы
npm run seed
# 5. Запустить сервер
npm run dev
API
Auth
| Метод | URL | Тело | Описание |
|---|---|---|---|
| POST | /api/auth/register |
{ email, password, name } |
Регистрация |
| POST | /api/auth/login |
{ email, password } |
Вход |
| GET | /api/auth/me |
— | Текущий пользователь |
Предметы
| Метод | URL | Описание |
|---|---|---|
| GET | /api/subjects |
Список предметов |
| GET | /api/subjects/:slug/topics |
Темы предмета |
Сессии тестирования
| Метод | URL | Тело | Описание |
|---|---|---|---|
| POST | /api/sessions |
{ subject_slug, mode, count, topic_id? } |
Начать тест |
| POST | /api/sessions/:id/answer |
{ question_id, option_id, time_spent_sec? } |
Отправить ответ |
| POST | /api/sessions/:id/finish |
— | Завершить тест + разбор |
| GET | /api/sessions/:id/result |
— | Результат завершённого теста |
| GET | /api/sessions/history |
— | История тестов |
Все /api/sessions/* требуют заголовок:
Authorization: Bearer <token>
Добавление вопросов
Создать JSON-файл в data/ по образцу questions-bio.json:
{
"subject": "chem",
"topics": [{ "name": "Органическая химия", "order": 1 }],
"questions": [
{
"topic": "Органическая химия",
"difficulty": 2,
"text": "Текст вопроса",
"options": ["А", "Б", "В", "Г"],
"answer": 0,
"explanation": "Объяснение правильного ответа"
}
]
}
Затем повторно запустить npm run seed.
Структура проекта
backend/
├── data/ ← JSON с вопросами
├── src/
│ ├── server.js ← точка входа
│ ├── middleware/auth.js ← JWT верификация
│ ├── db/
│ │ ├── pool.js ← соединение с PostgreSQL
│ │ ├── migrate.js ← запуск миграций
│ │ ├── seed.js ← загрузка вопросов
│ │ └── migrations/ ← SQL-файлы схемы
│ ├── routes/ ← маршруты
│ └── controllers/ ← бизнес-логика
└── .env.example