Skip to content

About

🚨 AI-powered emergency healthcare platform β€” Smart Hospital Finder, Blood Bank Locator, AI Symptom Checker, Video Consultation & First Aid Guides. Built with Vanilla JS, Leaflet.js & PeerJS. No build step required.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

Β 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🚨 HealthGuardian β€” Emergency Healthcare AI Platform

AI-powered emergency healthcare when seconds matter.

Version License Status HTML5 Live Demo CSS3 JavaScript


πŸ“Œ Overview

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.


✨ Features

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

Screenshots available in the /screenshots folder.


πŸ—‚οΈ Project Structure

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

πŸš€ Quick Start

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


πŸ› οΈ Tech Stack

  • 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

βš™οΈ Configuration

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)

πŸ“¦ Deployment

Vercel

vercel deploy

Config already included in vercel.json with security headers.

Netlify

netlify deploy

Config already included in netlify.toml.


πŸ“‹ Pages

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

πŸ”’ Security

  • X-Frame-Options: DENY
  • X-Content-Type-Options: nosniff
  • X-XSS-Protection: 1; mode=block
  • Referrer-Policy: strict-origin-when-cross-origin
  • Passwords are never stored in session objects
  • All localStorage access wrapped in a safe StorageService

πŸ“ž Contact


πŸ“„ License

MIT Β© 2025 HealthGuardian Team


Built with ❀️ to save lives β€” because every second counts.

About

🚨 AI-powered emergency healthcare platform β€” Smart Hospital Finder, Blood Bank Locator, AI Symptom Checker, Video Consultation & First Aid Guides. Built with Vanilla JS, Leaflet.js & PeerJS. No build step required.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages