Manage Technics

Это решение кейса хакатона Casein 2022

Приложение позволяет управлять строительной техникой.

Демонстрация

Тестовый аккаунт

[email protected]
12345678

---

О приложении

Создав личный кабинет или войдя в систему, клиентская часть решения предоставляет возможность отслеживать доступную технику во время строительства. Пользователь может добавлять оборудование, которое сможет отслеживать и контролировать. Сохраняйте текущее состояние оборудования для последующего просмотра в архиве.

Фронтэнд

Пользователь должен войти в приложение или зарегистрироваться.

При регистрации вы должны ввести свои имя, фамилию, должность, адрес электронной почты и пароль. После успешной регистрации вы должны ввести свой адрес электронной почты и пароль для авторизации.

После авторизации вы будете переведены в свой личный кабинет. Информация, относящаяся к пользователю, отображается в личном кабинете.

На странице просмотра техники, которыми управляет пользователь, отображается основная информация о них.

Есть возможность добавить технику. Для этого выберите его тип и введите номер.

Выбрав конкретную технику, вы можете получить более подробную информацию о ее состоянии, а также управлять ею.

На странице текущая ситуация отображается информация обо всей техники, а также рекомендации по управлению им. Выбрав тот или иной раздел, вы можете просмотреть машины, отфильтрованные по режиму работы.

Также есть возможность сохранить текущее состояние распределения техники. И просмотреть его в архиве отчетов.

Бэкэнд

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

Технологии в проекте

Интерфейсная часть приложения написана с использованием фреймворка Angular.

Серверная часть приложения, которая имитирует данные строительной техники, написана с использованием фреймворка Express.js

Как запустить

После загрузки проекта вам необходимо установить зависимости. Вам нужно написать команду, находясь в frontend, backend/iot, backend/db каталогах

npm install

Чтобы запустить, вам нужно написать команду, находясь вfrontend, backend/iot, backend/db каталогах

npm run start

Откройте свой браузер по адресу http://localhost:4200/