Skip to content

Repository files navigation

SafetyNav 🚦

SafetyNav is a React Native application built without Expo, designed to provide safer navigation routes by analyzing crime data and avoiding high-risk areas. This project is part of the GDSC Solutions Challenge 2025 by team Iconic 227.

Features

Crime Data Heatmap: Dynamically rendered heatmap based on crime data from the San Francisco Government API. Safe Route Optimization: Calculates and visualizes the safest route between two points, avoiding high-crime areas. Dynamic Search: Integrated search bars for Origin and Destination using Google Places Autocomplete. User Location Rendering: Displays the user's real-time location on the map. Responsive UI/UX: Enhanced visuals with animations, clean design, and seamless user interaction. Dynamic Data Fetching: Fetches crime data based on the user's current location to provide localized safety analysis. Route Safety Analysis: Compares route points against crime heatmap data and identifies risky segments.

Technologies Used

React Native (without Expo) Google Maps API Google Directions API Google Places Autocomplete San Francisco Government API (for crime data) React Native Maps TailwindCSS (for styling)

Getting Started

Prerequisites

Node.js & npm installed React Native CLI Android Studio / Xcode for emulator testing Android SDK (for Kotlin integration)

Installation

Clone the repository:

git clone https://github.com/vishal-79/SafetyNav.git Navigate to the project directory:

cd SafetyNav

Install dependencies:

npm install

Set up Kotlin integration (for Android):

npm run setup-kotlin

For more details on Kotlin integration, see KOTLIN_QUICKSTART.md

Running the App Start the Metro server:

npx react-native start

Run the app on Android:

npx react-native run-android

Run the app on iOS: npx react-native run-ios

Project Structure

SafetyNav/ │ ├── index.tsx # Main entry point of the app ├── app/ # Contains all screens and components ├── components/ # Reusable UI components │ └── KotlinExample.tsx # Example of Kotlin module usage ├── modules/ # Native modules │ └── safety-module/ # Kotlin native module ├── services/ # API integration and data processing logic ├── assets/ # Images, fonts, and other static assets ├── utils/ # Utility functions and helpers ├── styles/ # Styling and Tailwind configuration ├── plugins/ # Expo config plugins └── README.md # Project documentation

To-Do List Implement heatmap rendering based on crime data. Integrate Google Maps Directions API for route calculation. Add search bars for Origin and Destination. Optimize route calculation to avoid high-crime areas. Enhance UI with animations and improved visuals. Add user notification system for high-risk alerts. Improve performance and reduce data fetch size. Implement real-time location tracking. Finalize UI/UX polish.

Contributions Contributions are welcome! Please fork the repository and submit a pull request.

License This project is licensed under the MIT License - see the LICENSE file for details.

Authors Vishal - Project Lead & Developer Vikashini - Project Developer and UI Designer

Team Iconic 227 - GDSC Solutions Challenge 2025

About

React Native app that routes around high-crime areas using live crime-data heatmaps and Google Directions. Built for the GDSC Solutions Challenge 2025.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages