HACKDAY_GULSHAN

I made QuickAid web for emergency with the help of html css js server.js and gemini api

Comment

Inspiration

During emergencies, people often panic and lose valuable time trying to contact help or locate nearby hospitals. We wanted to create something that could save lives in critical moments — an intelligent digital companion that connects users to instant emergency support. The idea behind QuickAid came from the thought that technology should not just assist but protect and empower people when they need it the most.

What it does

QuickAid is a smart emergency assistance web app that helps users act quickly in dangerous or medical situations. Key features include:

🆘 SOS Alert System: Instantly notify emergency contacts and authorities with one click.

🏥 Nearby Hospital Locator: Displays hospitals and clinics closest to the user using real-time location data.

🤖 AI-Powered Assistance: Integrates with Google Gemini API to provide step-by-step first aid and emergency instructions.

📞 Quick Call Feature: Connect directly to police, ambulance, or fire services.

QuickAid is designed to be fast, reliable, and easy to use — because every second counts.

How we built it

Frontend: HTML, CSS, and JavaScript for a clean and responsive interface.

Backend: Node.js and Express for handling API requests and SOS triggers.

AI Integration: Used Google Gemini API (via @google/generative-ai) for real-time guidance and intelligent responses.

APIs & Data: Integrated location and hospital APIs to detect nearby emergency centers.

Environment: Managed with dotenv for secure API key handling.

Challenges we ran into

Configuring the Gemini API correctly and handling environment variables securely.

Managing real-time location access and displaying nearby hospitals efficiently.

Ensuring cross-platform compatibility and smooth performance on different devices.

Designing a UI that’s simple yet effective during high-stress situations.

Accomplishments that we're proud of

Successfully connected Gemini AI to generate smart first-aid responses.

Built a working SOS and location-based system from scratch in limited time.

Designed a clean, accessible interface that even non-tech users can navigate easily.

Turned an idea into a life-saving web tool within a hackathon timeframe.

What we learned

How to integrate AI models (Gemini) into real-world applications.

Importance of user experience and speed in emergency-focused designs.

Handling API responses, geolocation, and data security efficiently.

How collaboration and quick problem-solving can turn challenges into innovation.

What's next for HACKDAY_GULSHAN

Launch QuickAid Mobile App version for Android and iOS.

Add voice-based emergency commands for hands-free operation.

Implement real-time ambulance tracking and traffic-aware navigation.

Partner with local hospitals and emergency networks for direct integration.

Use AI-enhanced image recognition to analyze injuries and suggest quick treatments.

Built With

Share this project:

Updates