๐ก๏ธHerSafeSpace
๐ Inspiration In an ever-changing urban landscape, safety has become a major concern, especially for women, students, and night-shift workers. The idea for this project was sparked by my desire to create a solution that could empower individuals to make informed decisions about their surroundings, whether they're exploring a new neighborhood, commuting late at night, or simply looking for a safer route home. I envisioned a community-driven platform that not only maps out real-time safety data but also encourages people to actively participate in making their cities safer.
๐ What I Learned
This project was a journey filled with new discoveries and challenges: I deepened my understanding of geospatial data visualization using Leaflet.js. Learned how to dynamically adjust UI elements to maintain clarity and usability on maps. Explored crowdsourced data models, understanding the balance between user engagement and data integrity. Enhanced my skills in frontend design and user experience, ensuring that the platform was intuitive and accessible for users of all tech-savviness levels.
๐ ๏ธ How I Built It
Frontend Development: I leveraged HTML, CSS, and JavaScript to build a responsive user interface that works seamlessly across devices. Leaflet.js was used to implement interactive maps, enabling users to visualize safety scores and feedback from the community. Integrated Font Awesome icons to add an engaging visual touch to feedback buttons and user interactions.
Backend & Data Handling: The backend was powered by Node.js and Express, allowing for efficient handling of user-submitted feedback. Mock data was used to simulate safety scores, categorizing zones into high-risk (red) and caution (yellow) areas based on user input. Built-in scalability to easily transition from mock data to real-time safety reports sourced from users and official datasets.
Core Features: Dynamic Safety Markers: The map shows color-coded circles that adjust in size based on the zoom level, highlighting unsafe areas with visual cues. Crowdsourced Feedback: Users can drop markers with safety feedback, enabling a community-driven approach to mapping out danger zones. Intuitive Feedback Form: A simple form that lets users quickly share their experiences and flag unsafe locations.
โ๏ธ Challenges I Faced Visual Representation of Safety Data: Finding the right balance between map clarity and the amount of information displayed was challenging. I aimed for markers that scaled smoothly with zoom levels, avoiding clutter while maintaining visibility. User Engagement: Designing a platform that encourages users to actively participate in sharing feedback required me to think deeply about UX principles. I focused on creating an inviting interface that feels rewarding to interact with. Scalability of Feedback: Managing user inputs in real-time and ensuring the accuracy of reported data posed challenges, especially as I plan to scale to larger datasets.
๐ Key Takeaways Collaboration and Community: This project reaffirmed my belief in the power of community engagement. By enabling people to share their safety experiences, I can build a collective sense of vigilance. Geospatial Data Mastery: Working with maps and dynamic data layers taught me the importance of spatial awareness and how to effectively convey it through UI. Iterative Design: My project is a testament to the power of iteration. I kept refining my approach based on user feedback and testing, leading to a more robust and user-friendly solution.
๐ก What's Next? Real-Time Data Integration: I'm excited to partner with local authorities, NGOs, and data providers to bring real-time crime reports and safety alerts into the platform. Advanced Safety Analytics: Implementing machine learning models to predict high-risk zones based on historical trends, time of day, and user-reported incidents. Mobile Expansion: Developing native apps for iOS and Android to provide push notifications, offline map support, and a more personalized user experience.
๐ Impact Vision With this project, my vision is to create safer cities through collective action. By empowering individuals to report, share, and view safety data, I aim to build a platform that not only increases awareness but also fosters a sense of community resilience. Safety is a shared responsibility, and I believe that together, we can create a safer tomorrow.
Log in or sign up for Devpost to join the conversation.