root
58 lines
2.0 KiB
Markdown
58 lines
2.0 KiB
Markdown
# SAR-MCHS Frontend
|
|
|
|
## Структура приложения
|
|
|
|
### Страницы
|
|
- **AdminDashboard** - Десктопная админ-панель с навигацией
|
|
- **MobileFormPage** - Мобильная форма создания карточки
|
|
|
|
### Компоненты админ-панели
|
|
|
|
#### CasesList
|
|
- Таблица всех карточек пропавших
|
|
- Фильтры: пол, возраст, диагноз
|
|
- Переход к детальному просмотру
|
|
|
|
#### CaseDetail
|
|
- Детальная информация о карточке
|
|
- Психотип с рекомендациями по поиску
|
|
- Ответы на вопросы психотипирования
|
|
|
|
#### HeatmapView
|
|
- Интерактивная карта с тепловой картой находок
|
|
- Фильтры: возраст, сезон, период, исход
|
|
- Leaflet + leaflet.heat
|
|
|
|
#### Statistics
|
|
- Общая статистика по карточкам
|
|
- Разбивка по полу, возрасту, психотипам, диагнозам
|
|
|
|
### Мобильная форма
|
|
|
|
**MobileForm** - адаптивная форма для создания карточки:
|
|
- Основная информация (возраст, пол)
|
|
- Диагнозы (чекбоксы)
|
|
- Психотипирование (4 вопроса)
|
|
- Валидация и отправка на API
|
|
- Сообщения об успехе/ошибке
|
|
|
|
## Технологии
|
|
|
|
- React 18
|
|
- React Router v6
|
|
- Axios для API
|
|
- Leaflet для карт
|
|
|
|
## Доступ
|
|
|
|
- Десктоп: http://192.168.0.99:3000/admin
|
|
- Мобильная форма: http://192.168.0.99:3000/mobile
|
|
- API Backend: http://192.168.0.99:8000
|
|
- Adminer: http://192.168.0.99:8080
|
|
|
|
## Responsive дизайн
|
|
|
|
- Автоматический редирект на /mobile для мобильных устройств
|
|
- Адаптивная верстка для всех компонентов
|
|
- Breakpoint: 768px
|