Панель оператора системы-112 | Фронтенд

Emergency Service Dashboard | Frontend (EN)

---

Система-112 — единая служба оказания экстренной помощи в чрезвычайных ситуациях. Обратиться в эту службу можно круглосуточно и бесплатно с любого телефона, зачастую даже при отсутствии сигнала сети. На звонок отвечает оператор, уточняющий причину вызова и координирующий дальнейшую помощь. Система работает во многих странах СНГ и Европы.

В этом репозитории — фронтенд панели оператора службы спасения, созданной в качестве учебного проекта. На данный момент реализована главный экран с картой вызовов, боковые панели списка вызовов и карточки отдельного вызова, а также поисковик адресов.

Бэкенд — в отдельном репозитории: emergency_service_back.

Реализованные фичи

• Список происшествий с разделением на активные и прошедшие;
• Карточка вызова с оптимистичным обновлением;
• Поисковик адресов;
• Визуальное представление информации на карте.

Стек

• Тулинг: Vite;
• Роутинг: TanStack Router;
• Компоненты: Shadcn/ui;
• Карты: Mapbox;
• Геокодирование: DaData.

Установка

1. Склонируйте репозиторий:

   git clone https://github.com/k0ndrateff/emergency_service_front.git
   cd emergency_service_front

2. Установите зависимости:

   npm install

3. Установите переменные окружения:

   • Настройте подключение к бэкенду;
   • Получите токен в сервисе Mapbox и вставьте его в переменную VITE_MAPBOX_TOKEN.

4. Запустите сервер:

   npm run dev

Замечания и предложения

Замечания и предложения приветствуются в разделе Issues!

Ссылки и референсы

• Часть идей при проектировании системы была заимствована из существующей системы-112: PDF

Dura lex sed lex

Проект создан в учебных целях и не предназначен для реального использования. Все данные вымышлены и не имеют отношения к реальности.