One Tap Alert

“One Tap to Safety — Real-Time Emergency Alerts with Location Tracking” A web-based panic button that instantly shares your live location with help centers, even offline.

Comment

🚨 One Tap Alert – Instant Personal Safety System

📌 About the Project

One Tap Alert is a personal safety Progressive Web App (PWA) designed to help users send emergency alerts instantly with just one tap. The app captures the user’s real-time location, sounds a loud alarm, and sends an alert (with location and Google Maps link) via email. It also shows nearby help centers like hospitals, police stations, and embassies on an interactive map.

We built this app using:

  • HTML,CSS,andJavaScript
  • GoogleMaps,Places,Directions,andGeolocationAPIs
  • Firebase(RealtimeDatabaseandAuthentication)
  • Formspree
  • ProgressiveWebApp(PWA)technologies

💡 Inspiration

We were inspired by the need for accessible and lightweight personal safety tools that don’t rely on app stores or heavy installations. Our goal was to provide a reliable emergency solution for travelers, students, and anyone who might need urgent help — even in areas with unstable internet.

🧠 What We Learned

  • Real-time location tracking with the Geolocation API
  • Firebase integration for storage and authentication
  • Sending formatted emails via Formspree
  • Using Google APIs for Maps, Places, Directions
  • Building a PWA with install support and offline fallback

⚙️ How We Built It

Emergency Alert Flow
When the Panic Button is pressed, the app captures the user’s location, reverse geocodes it, and sends the info via Formspree.

Countdown Safety
A 5-second countdown allows users to cancel the alert before it's sent.

Nearby Help Centers
The app uses Google Places API to display nearby hospitals, police stations, and embassies with markers and routing.

Admin Dashboard
A secure Firebase dashboard lets authorized users view all alerts and locations.

Offline Mode
If offline, the app shows the cached last known location and warns the user that the alert wasn’t sent.

🧗‍♂️ Challenges We Faced

  • Handling browser-based location accuracy and permission issues
  • Ensuring alert flow works with limited/no connectivity
  • Firebase security while keeping it lightweight
  • Designing a smooth and responsive user interface
  • Avoiding complex backend by leveraging third-party APIs

✅ Final Touches

Features under consideration or skipped:

  • 💬 SMS/WhatsApp integration (skipped for now)
  • ✨ UI/UX polish: spinners, animations, transitions
  • 🗂 Location history (optional in future)

✅ Summary

One Tap Alert is a fast, reliable, and privacy-conscious emergency tool — designed for those moments when every second counts.

Built With

  • cacheapi
  • css3
  • cursor
  • firebaseauthentication
  • firebasehosting
  • firebaserealtimedatabase
  • formspree
  • githubpages
  • google-places
  • googledirectionsapi
  • googlegeocodingapi
  • googlegeolocationapi
  • googlemapsjavascriptapi
  • html5
  • javascript
  • lottie
  • netlify
  • pwa
  • serviceworkers
Share this project:

Updates