1 of 13

SafeRoute

by David, Krishiv, and Dhwanil

2 of 13

Team Introduction

Team Name: SafeRoute

Team Members: David, Krishiv, and Dhwanil

Project Name: SafeRoute β€” Safest Navigation Based on Real-Time Crime Data

3 of 13

Problem Statement

πŸ›‘ Many people feel unsafe when navigating through unknown areas, especially at night or in high-crime neighborhoods.

πŸš— Traditional navigation apps (Google Maps, Waze) only optimize for speed β€” not for safety.

There is a need for a safer navigation app that prioritizes minimizing danger zones.

4 of 13

Solution Overview

βœ… SafeRoute is a web app that provides users the safest path to their destination, avoiding crime hotspots and danger zones.

βœ… We pull crime data, analyze it, and route users to stay safe.

βœ… Users can live-track their movement on the map and revisit saved safe routes later.

5 of 13

How It Works (Architecture)

Frontend: React.js (with context API for state management)

Map Service: Mapbox GL JS (for routing + maps)

Backend/Database: Firebase Firestore (stores user profiles, saved routes)

Authentication: Firebase Authentication

Crime Data: Uploaded as .csv file into public folder (sample crime reports)

6 of 13

Flow

User signs up / logs in β†’ picks start and end β†’ SafeRoute shows safest path β†’ tracks live movement β†’ saves route to profile.

7 of 13

SafeRoute

Team 44

David, Krishiv, and Dhwanil

8 of 13

9 of 13

Challenges Faced

Integrating Mapbox Directions API with dynamic crime hotspot avoidance

Handling nested arrays inside Firestore (had to serialize route coordinates)

Making sure sidebar and map don't overflow outside viewport

Keeping smooth marker animation realistic and smooth for judges

10 of 13

Future Improvements

⚑ Real-time crime data fetching (live updated crimes)

πŸ“± Mobile app version (React Native)

🚧 Warning popups if user moves into danger zones

πŸ’¬ Chatbot that suggests safer areas based on travel history

🎨 More customizable map themes (dark/light/night mode)�

11 of 13

Thank You!

Thank you for your time and judging our project! πŸš€

12 of 13

Instructions (How Judges Can Test)

πŸ’» Judges can:

  1. Open the web app.
  2. Click "Try It Now" on the landing page.
  3. Type Start and End addresses (e.g., "San Jose State University" β†’ "Levi's Stadium")
  4. Click "Find Safest Route."
  5. Watch tracking icon moving along path.
  6. Open "Profile" page from Navbar to see saved past searches.
  7. Click "Search Again" on any past route to reload it!
  8. Use "Logout" button anytime to sign out.

βš™οΈ Important:

  • No need for real GPS device β€” simulated movement on map for judging.
  • Authentication + Firestore database already active.

13 of 13

Key Features

πŸ›‘οΈ Crime-aware safest route calculation

πŸ“ Live movement tracking across the route

πŸ“œ Save previous searches for future use

πŸ—ΊοΈ Interactive crime hotspot markers

πŸ” Authentication and user profiles

🎯 Responsive design for desktop and mobile

πŸš€ Beautiful, fast UI/UX