Code-with-Google-Maps-2023 - Hack2skill

Team Name -

Tech Buddy

Problem Statement -

Real-Time Road Blockage Reporting System with Google

Team Leader Email -

[email protected]

Demo link- https://www.youtube.com/watch?v=7grdZ-Ogf28

A Brief of the Prototype:

This section must include UML Diagrams and prototype description Description: The RoadSafety Web Application Prototype aims to enhance road safety and improve traffic management by allowing users to report road blockages, faults, and other issues in real-time. This application utilizes the Google Maps API to provide a user-friendly interface for reporting and viewing road incidents. It promotes community engagement and enables efficient incident reporting. Key Features:

1. Real-Time Incident Reporting: Users can report road incidents such as potholes, accidents, roadblocks, and other issues through the application. The location and details of the incident are captured through Google Maps Api.

2. Interactive Map Interface: The application integrates Google Maps to provide a familiar and intuitive map interface. Users can easily pinpoint the location of incidents and view the map interactively.

3. Custom Markers: Users can mark incidents on the map using custom markers, making it easy to identify the type and location of each incident.

4. Community Engagement: The platform encourages community engagement by allowing users to contribute to road safety. It fosters a sense of responsibility and collaboration among users.

5. Route Planning: Users can plan routes, view traffic conditions, and receive real-time traffic updates to ensure safe and efficient travel.

UML

LOGIN

HOME PAGE

ROUTE

REPORTING AN ISSUE

Tech Stack:

• HTML

• CSS

• JAVASCRIPT

• REACT

• NODE

• EXPRESS JS

• PASSPORT JS

• GOOGLE MAPS API

• mongo DB

• CHAKRA UI

Step-by-Step Code Execution Instructions:

To Start The Backend

Clone the repo

git clone https://github.com/Tushar106/RoadSafety.git

Open the RoadSafety

cd RoadSafety

Starting the backend

cd backend

npm install

node index.js

Create an .env

PORT=8800
MONGO="mongodb+srv://<YOUR_MONGODB_NAME>:<PASSWORD>@cluster0.liyyi8h.mongodb.net/RoadSafety?retryWrites=true&w=majority"
GOOGLE_CLIENT_ID="YOUR_GOOGLE_ID"
GOOGLE_CLIENT_SECRET="YOUR_GOOGLE_SECRET"

• NOTE : MUST CONTAIN THE ACCESS FOR AUTH0

To Start The Frontend

cd frontend

npm install

npm start

create an .env file

REACT_APP_GOOGLE_MAPS_API= "YOUR_API_KEY"

Future Scope & Scalability:

Futuristic Aspects:

• Predictive Analytics: Incorporating machine learning and AI algorithms, the prototype can predict road safety issues based on historical incident data and current conditions. This can enable proactive measures to mitigate risks.

• Emergency Services Integration: In emergencies, the application can directly notify and coordinate with local emergency services, providing real-time information about incidents to expedite responses.

• Global Data Sharing: In the future, the application can facilitate data sharing with other road safety platforms and government agencies, creating a global network for incident reporting and analysis.

Scalability:

• Geographical Expansion: The prototype can scale to cover a broader geographical area, making it applicable to regions beyond its initial deployment. As the user base grows, it can accommodate reports from various locations, becoming a valuable tool for road safety worldwide.

• Additional Incident Categories: The application can scale by adding more incident categories, such as construction zones, traffic accidents, or weather-related issues. This enhances its utility for diverse road safety concerns.

• Multilingual Support: To cater to a global audience, multilingual support can be integrated, allowing users to report incidents and access information in their preferred language.

• User Profiles and Rewards: Scalability includes the addition of user profiles and reward systems. Users could earn points or incentives for their contributions to road safety, fostering increased engagement.