Відстеження несанкціонованих звалищ сміття онлайн

Відстеження несанкціонованих звалищ сміття онлайн
Відстеження несанкціонованих звалищ сміття онлайн 20.05.2020

Відстеження несанкціонованих звалищ сміття онлайн

Разом з керівником мого курсового проекту, ми розробили ідею автоматизації відстеження несанкціонованих звалищ онлайн, та повідомлення про кожне звалище на електронну пошту. Під час розробки сайту були розроблені такі пункти як:
1: Реєстрація 
2: Авторизація
3: Можливість додавання мітки на гугл карті, опису звалища а також додавання фотографії звалища.
4: Можливість перегляду усіх місць звалищ на гугл карті
 
Данний додаток було розроблено на мові програмування JavaScript з використанням NodeJs як серверу, а також таких модулей як express, mongoDb, jwtWebToken- усі ці модулі було використано під час розробки серверної частини проекту.

Для розробки клієнтської частини проекту було використано react, а також підключені до нього модули react-google-maps, materialize-css, react-router-dom,та ін.

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

Під час реалізації взаємодії серверу з базами данних було використано база данних MongoDb, яка дозволяє зберігати данні не в таблицях а в обектах, тому ця база данних дуже актуальна на данних момент.

Для реалізації додавання міток на гугл карту було використано Google Maps JavaScript Api, для додавання гугл карти у свій проект потрібно було зареєструватися у Google Cloud Console, та підтвердити платіжні реквізити, потім було отримано ключ за допомогою якого предостовляється повний доступ до Google Maps JavaScript Api.

Для додавання міток на карті потрібно перейти на вкладку 'додати звалище' вказати саму мітку на гугл карті, потім у текстових полях вказати Назву міста, ссилку на фото, та опис самого звалища, та натиснути кнопку 'Додати'. Після цього додаток сам відправить повідомлення на пошту яку було вказано при реалізації проекту.

Для Перегляду звалищ треба лище перейти на вкладку 'Перегляд звалищ' та нажали на любу з міток, потім над цією міткою відкриваеться інформаційне вікно з тими даними які було вказані при додавані мітки.

Для запуску самого додатку треба лише встановити NodeJs, потім разархівувати проект, перейти в консолі у папку з проектом (Project), та написани в консолі npm run dev, nodeJs сама підключить у себе усі потрібні модулі, та встановить їх.


Назва конкурсу:  Конкурс «Розробка мобільних застосунків»
ПІБ Співвиконавців:  Федорченко Євген Миколайович
ПІБ конкурсанта:  Кузнєцов Тарас Валерійович
Країна:  Україна
Область:  Запоріжська область
Назва НЗ:  Національний університет «Запорізька політехніка»
Учасник фіналу:  Так

Повернення до списку