AI-powered emergency healthcare when seconds matter.
HealthGuardian is a fully frontend, AI-powered emergency healthcare platform built to assist users during critical medical situations. From one-tap SOS alerts to AI symptom analysis, hospital finding, blood bank locating, and live video consultations β everything is available in one place, with no build step required.
| Feature | Description |
|---|---|
| π¨ Emergency SOS | One-tap alert with automatic GPS location sharing |
| π₯ Smart Hospital Finder | Real-time hospital availability, wait times & directions via Leaflet maps |
| π©Έ Blood Bank Locator | Find nearby blood banks with live blood type availability |
| π€ AI Health Assistant | Symptom checker via text, voice & image input |
| πΉ Video Consultation | Encrypted peer-to-peer video calls with doctors via PeerJS |
| π©Ή First Aid Guides | Step-by-step offline-ready guides (CPR, choking, burns & more) |
| π Dark Mode | Full dark/light theme toggle |
| βΏ Accessibility | WCAG 2.1 AA compliant β ARIA labels, focus-visible, reduced-motion |
Screenshots available in the
/screenshotsfolder.
HealthGuardianAI/
βββ assets/
β βββ icons/
β βββ illustrations/
β βββ images/
β βββ logos/
βββ css/
β βββ base/ # reset.css, variables.css
β βββ components/ # buttons, cards, forms, navbar
β βββ layouts/ # footer
β βββ pages/ # assistant, emergency, finder, home, video
β βββ utilities/ # helpers
β βββ main.css
βββ data/
β βββ hospitals.json
β βββ bloodbanks.json
βββ docs/
β βββ README.md
βββ js/
β βββ api/
β βββ assistant/ # AI assistant logic
β βββ auth/ # Login, register, validation
β βββ bloodbank/ # Blood bank finder
β βββ components/ # Navbar, toast notifications
β βββ config/ # app.config.js (central config)
β βββ emergency/ # SOS & emergency guides
β βββ hospitals/ # Hospital finder & map
β βββ storage/ # localStorage service
β βββ utils/ # Helper functions
β βββ video/ # PeerJS video consultation
β βββ main.js
βββ pages/
β βββ assistant.html
β βββ bloodbank.html
β βββ emergency.html
β βββ hospitals.html
β βββ login.html
β βββ register.html
β βββ video.html
βββ index.html
βββ vercel.json
βββ netlify.toml
βββ README.md
No build step required. Just open index.html in your browser.
For full ES module support, serve via a local server:
# Option 1 β Node.js
npx serve .
# Option 2 β Python
python3 -m http.server 8080
# Option 3 β VS Code
# Use the Live Server extension and click "Go Live"Then open: http://localhost:8080
- HTML5 β Semantic, accessible markup
- CSS3 β Custom design system (no framework), CSS variables, dark mode
- Vanilla JavaScript β ES6 modules, no dependencies
- Leaflet.js β Interactive maps for hospital & blood bank finder
- PeerJS β WebRTC-based peer-to-peer video consultation
- Font Awesome 6 β Icons
- Google Fonts β Inter + Montserrat typography
- OpenStreetMap β Map tile provider
All app-level settings are in js/config/app.config.js:
app.name β 'HealthGuardian'
app.version β '2.0.0'
app.emergencyPhone β '108'
map.defaultCenter β Coimbatore, India (lat: 11.0168, lng: 76.9558)vercel deployConfig already included in vercel.json with security headers.
netlify deployConfig already included in netlify.toml.
| Page | Path |
|---|---|
| Home | index.html |
| Emergency SOS | pages/emergency.html |
| Hospital Finder | pages/hospitals.html |
| AI Assistant | pages/assistant.html |
| Video Consult | pages/video.html |
| Blood Bank | pages/bloodbank.html |
| Login | pages/login.html |
| Register | pages/register.html |
X-Frame-Options: DENYX-Content-Type-Options: nosniffX-XSS-Protection: 1; mode=blockReferrer-Policy: strict-origin-when-cross-origin- Passwords are never stored in session objects
- All localStorage access wrapped in a safe StorageService
- π§ Email: help@healthguardian.com
- π± Phone: +977-9829275143
- π Emergency Hotline: 1-800-HELP
MIT Β© 2025 HealthGuardian Team
Built with β€οΈ to save lives β because every second counts.