Health Bridge Ai

• 

  Main Section | You can open chat assistant or Search Nearby Hospitals

• 

  Ai Symptom Checker | Just tell your probelm and it gives solution,probelm reason any many more

• 

  This Section is very useful just give it accces to your location or search your city and it marks nearby hospitals,pharmacy,emergency etc

• 

  Right Side chat assistant is opened it helps check what problem you have and the section behind is emergeny contact for Europe,US

Inspiration

Access to nearby healthcare facilities is still difficult for many people, especially during emergencies or when traveling to unfamiliar areas. We wanted to create a platform that could help users quickly discover nearby hospitals, clinics, pharmacies, and emergency healthcare services through an easy-to-use interface.

The project was inspired by the United Nations Sustainable Development Goal 3 (Good Health and Well-being), with the aim of improving healthcare accessibility through technology.

What it does

Health Bridge AI is a healthcare-focused web platform that helps users:

• Find nearby hospitals, clinics, pharmacies, and emergency locations
• Detect the user's current location using browser geolocation
• Search healthcare services by city or area
• Explore healthcare resources through an interactive map
• Access a clean and responsive healthcare interface

The platform uses live location-based healthcare data and provides an organized healthcare discovery experience.

How we built it

The project was built using modern frontend web technologies and map-based APIs.

Main technologies used:

• HTML5
• CSS3
• JavaScript
• Vite
• Leaflet.js
• OpenStreetMap
• Overpass API
• Vercel Deployment

The application integrates real-time map rendering and nearby healthcare facility discovery using OpenStreetMap and Overpass data services.

Challenges we ran into

One of the biggest challenges was handling production deployment issues and API restrictions. During deployment on Vercel, several CORS-related problems occurred while fetching healthcare data from external APIs.

We also faced:

• Production-only API failures
• Map rendering issues
• Deployment structure conflicts
• CSS asset loading issues
• Geolocation permission handling
• Overpass API response limitations

These issues required multiple debugging sessions and restructuring parts of the application to make the production deployment stable.

Accomplishments that we're proud of

We are proud that:

• The application successfully integrates live healthcare location data
• Nearby healthcare discovery works dynamically
• The platform is fully deployed online
• The project aligns with SDG 3 goals
• The interface remains responsive and user-friendly

What we learned

This project helped us improve our understanding of:

• Real-world API integration
• Vercel deployment workflows
• Frontend production debugging
• Geolocation handling
• Interactive maps with Leaflet
• CORS and API proxy handling
• Building scalable frontend structures

What's next for Health Bridge AI

Future improvements include:

• AI-powered symptom analysis
• Medicine recommendation assistance
• Nearby ambulance and blood bank support
• Appointment booking integration
• Multi-language support
• Mobile app version
• Emergency healthcare chatbot

Built With

• api
• css3
• design
• gps
• html5
• javascript
• leaflet.js
• openstreetmap
• overpass
• responsive
• vercel
• vite