Safe Taxi

Inspiration

The idea for Your Safe Taxi came from the increasing reports of insecurity and harassment during taxi and ride-sharing trips, especially for women and students. Many people feel vulnerable when traveling alone at night or in unknown areas. I wanted to create a tool that anyone could access instantly- something that combines technology and safety. The project was inspired by the phrase: "If you can't call for help, technology should do it for you."

What it does

Your Safe Taxi is a smart web app designed to protect users during their rides. It provides real-time location tracking, an emergency alarm system, and instant safety notifications. The app can sound a loud alert, show the user's current position, and allow them to record essential ride details (like taxi plate number or driver's name). Its main purpose is to prevent dangerous situations and make help accessible with just one click. Main Features: Real-time map tracking using Leaflet.js and OpenStreetMap. Emergency alarm and alert button. Web notifications for safety reminders. Simple and respons sign for mobile use.

How we built it

Frontend: HTML, CSS, and JavaScript.

Maps: Leaflet.js and OpenStreetMap for live location visualization.

Alerts: Web Notifications API and Audio API for alarms.

Local storage: Used to save trip and driver information.

Design: Minimalistic, responsive, and fast-loading for all users.

Challenges we ran into

Setting up accurate geolocation permissions in the browser. Integrating real-time notifications without external APIs. Designing an alert system that's simple but effective. Making the interface responsive for both desktop and mobile devices.

Accomplishments that we're proud of

Built a working prototype that integrates maps, alerts, and emergency functions in one place. Designed a fully functional web app using only front-end technologies. Created a project with real social impact focused on public safety. Shared the project publicly through GitHub and YouTube demo.

What we learned

How to use Leaflet.js for live mapping.

How to implement browser notifications and alarms for emergencies.

The importance of UX design in apps related to safety.

How technology can become a protective tool when used ethically.

What's next for Safe Taxi

Implement SOS messages that send location data via SMS or WhatsApp.

Add voice activation for hands-free emergencies.

Build an Al route monitor that detects abnormal detours.

Launch a mobile app version for Android and iOS.

Partner with universities and transport companies to test it in real life.

Built With

• alert
• api
• chatbot
• css
• html
• javascript
• leaflet.js