CSI_Presentation

1.

ПРЕЗЕНТАЦИЯ ПРОЕКТА
CSI — Crime Scene Investigation
Department Management System · v1.0.0
React + Node.js + Express + SQLite
Внутренний портал управления отделом
2026

2.

01
Что за проект
Краткое описание системы
CSI Department Management System — веб-платформа для управления отделом Crime Scene
Investigation.
Закрытый внутренний портал с 12 функциональными модулями.
Журналы активности, лаборатории, отчётность, админ-панель и Most Wanted.
Архитектура: React SPA (3000) + Express API (5000) + SQLite.
Единая точка доступа к оперативным данным отдела.
CSI Department Management System

3.

02
Причины разработки
Какие проблемы решает система
Данные отдела хранились разрозненно — в чатах, таблицах и заметках.
Не было единого портала для сотрудников CSI.
Регистрация не контролировалась администратором.
Отсутствовало разграничение прав доступа.
Most Wanted вёлся отдельно от остальных процессов.
История решений и отчётов не сохранялась системно.
CSI Department Management System

4.

03
Ценность существования
Ценность
Описание
Единый источник данных
Вся информация отдела в одном месте
Контролируемый доступ
Регистрация с одобрением + 3 роли
Оперативность
Быстрые ссылки и удобная навигация
Специализация
Most Wanted: карточки, статусы active/captured
Масштабируемость
Универсальный CRUD-компонент DataTable
Готовность к деплою
Docker Compose, Vercel, документация
CSI Department Management System

5.

04
Сферы применения
RP / игровые сообщества — виртуальный правоохранительный отдел.
Студенческие full-stack проекты.
Внутренние порталы малых команд.
Обучение React + Express + JWT.
Прототипирование HR/оперативных систем.
Закрытые сообщества с ограниченным доступом.
CSI Department Management System

6.

04.5
Конечный пользователь
Роль
Кто это
Возможности
user
Обычный сотрудник
Просмотр всех разделов
wanted_manager
Менеджер розыска
Управление Most Wanted
admin
Руководитель / модератор
CRUD, модерация, назначение ролей
CSI Department Management System

7.

05
Инструменты и функционал
Стек технологий и уникальные возможности
Frontend: React 18, Vite 5, React Router 6, Axios.
Backend: Node.js, Express 4, JWT, bcryptjs.
БД: SQLite (12 таблиц), Docker Compose.
12 модулей: Leadership, Earnings, Labs, Commanders, Fund, Blacklist, Awards, Team, Exams, Reports, Most
Wanted, Admin.
Уникально: 3-уровневая ролевая модель, Most Wanted с карточками.
Модерация регистраций, DataTable, тёмная/светлая тема.
CSI Department Management System

8.

05
Модули системы
Раздел
Маршрут
Назначение
Деятельность руководства
/leadership
Журнал совещаний
Лаборатории
/labs
Состав лабораторий CSI
Most Wanted
/most-wanted
Розыск: активные и пойманные
Отчётность
/reports
Периодические отчёты
Админ-панель
/admin
Модерация и роли
+ ещё 7 модулей
...
Earnings, Fund, Blacklist, Awards, Team, Exams, Commanders
CSI Department Management System

9.

06
Демонстрация использования
Пошаговый сценарий (можно записать GIF/видео)
Шаг 1 — Регистрация: /register, админ одобряет в /admin.
Шаг 2 — Вход: /login, оперативная панель.
Шаг 3 — CRUD: админ добавляет записи в «Лаборатории».
Шаг 4 — Most Wanted: карточка, перенос в «Пойманные».
Шаг 5 — Роли: админ назначаест wanted_manager.
Demo: http://127.0.0.1:3000 · admin@csi.local / admin123
CSI Department Management System

10.

07
Вектор развития
Приоритет
Улучшение
Горизонт
Высокий
PostgreSQL вместо SQLite
Краткосрочно
Высокий
Загрузка фото Most Wanted на сервер
Краткосрочно
Средний
Поиск и фильтрация по таблицам
Среднесрочно
Средний
Экспорт отчётов в PDF / Excel
Среднесрочно
Средний
Журнал аудита действий админов
Среднесрочно
Низкий
Мобильная версия, Discord/CRM
Долгосрочно
CSI Department Management System

11.

Спасибо за внимание
CSI Department Management System
D:\csi-1-main
2026 · CSI Presentation