🚦 WalkSure

About the Project

WalkSure is a prototype application that rethinks navigation by prioritizing user safety instead of just speed.

Traditional apps focus on the fastest route, but for someone walking at night, a slightly longer but well-lit and crowded path is often the better choice.

This project demonstrates how navigation systems can evolve to include safety as a core metric.

---

Inspiration

Inspired by urban safety initiatives, WalkSure allows users to choose routes based on:

• Lighting quality
• Business activity (open shops)
• Crowd density

---

Features

Route Selection

• Switch between:

  • Standard route
  • Safety-optimized route

Reporting System

• Users can update:

  • Lighting conditions
  • Crowd levels

• Changes reflect in the shared map state

Real-Time Simulation

• Simulates movement along a path
• Uses useEffect and setInterval
• Provides a live tracking experience

UI Design

• Dark mode interface for night use
• High-contrast visuals for clarity

---

Challenges

Path Synchronization

• Calculating precise X/Y positions along paths
• Maintaining consistent speed

UI State Management

• Handling multiple states:

  • Search
  • Navigation
  • Arrival
  • Reporting

Data Updates

• Ensuring reports instantly update the map

---

What I Learned

1. Prototyping complex applications
2. Managing UI state transitions
3. Designing accessible interfaces
4. Writing clear and effective UI text
5. Using color for meaningful feedback

---

Future Scope

• Integration with real-time map APIs
• Live crowd and lighting data
• AI-based safety recommendations

---

Tech Stack

• React
• JavaScript
• HTML *CSS ---

*This project was developed with support from Google AI Studio for prototyping, debugging, and refining the implementation.

Built With

• css
• html
• javascript
• react