Safer Streets - Anonymous Harassment Reporting Tool

🌟 Inspiration

• 90% of street harassment goes unreported due to fear of retaliation
• Women and minorities need safe, anonymous way to report incidents
• Inspired by #MeToo movement and community safety initiatives
• Transform silent witnesses into community guardians

🛡️ What it does

• Anonymous incident reporting with severity levels and location
• Interactive safety heatmap showing dangerous areas
• Real-time statistics dashboard for community insights
• Emergency integration - one-tap 911 calling/texting
• Safety resources and self-defense tips
• Mobile-first design for on-the-go reporting

🔧 How we built it

• Frontend: Next.js 14 + React + TypeScript
• Styling: Tailwind CSS + shadcn/ui components
• Storage: localStorage (demo) + backend-ready architecture
• Auth: Context-based system ready for Google OAuth
• Mobile-first responsive design
• Privacy-by-design approach

🚧 Challenges we ran into

• Dependency conflicts with React components
• Mobile responsiveness across devices
• Balancing anonymity with data quality
• Sensitive topic UI design
• Emergency feature integration

🏆 Accomplishments that we're proud of

• ✅ Built fully functional app in 30 minutes
• ✅ Zero external API dependencies
• ✅ Complete anonymity while maintaining usefulness
• ✅ Mobile-optimized user experience
• ✅ Addresses real social problem

📚 What we learned

• Anonymity is crucial for user trust
• Mobile-first development best practices
• Privacy-by-design technical architecture
• Community data visualization importance
• Emergency access can be life-saving

🚀 What's next for Safer Streets

Immediate (1-3 months)

• Real mapping integration (Leaflet.js)
• Google OAuth implementation
• Backend API development
• PWA features
• Push notifications

Long-term (6-12 months)

• City partnerships
• AI-powered safety insights
• Native mobile apps
• Global expansion
• Policy influence through data

Impact Goals

• Increase reporting rates by 50%
• Help 10,000+ people avoid danger
• Partner with 100+ communities
• Become leading safety reporting platform

Built With

• api
• context
• css
• eslint
• localstorage
• lucide
• next.js
• nextjs
• npm
• postcss
• radix
• react
• shadcn/ui
• tailwind
• typescript
• ui