Import Vector lab project
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
# 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
|
||||
Reference in New Issue
Block a user