LifeLine AI

AI Chat Assistant
Emergency Mode lower part
Emergency Mode
Dashboard lower part
Register Page
Login Page
Health Dashboard
AI Symptom Checker
Report Analyzer

🌟 Inspiration

• Many people don't get early help or reminders to stay healthy in real life • In emergencies, they often don't know what to do or whom to call • People rely on Google for symptoms, which can be confusing or risky • We wanted to build a smart AI health companion that actually helps • LifeLine AI was born — your 24/7 AI-powered friend for wellness, emergencies, and health insights

What it does

LifeLine AI is your personal health copilot with intelligent features:

🧠 AI Chat Assistant

• Talk to 3 agents:

Wellness Agent for general guidance
Symptom Agent for health concerns
Emergency Agent for critical help • Shows responses in chat bubbles with name tags • Auto-scroll and smart UI with Framer Motion

📊 Health Dashboard

• Track your mood, sleep, water intake with interactive visuals • Animated emojis for mood, clickable cups for water, adjustable hours for sleep • Weekly summary section updates automatically:

"Your average sleep is 7.2 hours."
"You're averaging 1265ml of water daily."

🚨 Emergency Mode

• Press a glowing SOS button • Shares your live location • Displays emergency contacts • Opens simulated emergency response window • CPR video guide included

📄 Report Analyzer

• Upload PDF/JPG of medical reports • AI reads the file and summarizes key points:

Summary
Warnings (if any)
Report insights • Uses Hugging Face model

🤒 Symptom Checker

• Type symptoms in natural language like: "I feel dizzy and tired" • AI returns:

🔍 Possible Causes
⚠️ Urgency Level
🏠 Home Remedies
🏥 When to see a doctor

🧭 Navigation + Navbar

• Access all pages easily • Shows logged-in user's name • Dark/light theme toggle • Responsive + smooth animated transitions

How we built it

• Frontend: React.js + Tailwind CSS + Framer Motion • Backend: Node.js + Express • AI Integration: Hugging Face APIs • OCR: Extract text from PDFs/images using Hugging Face • Session Handling: LocalStorage (no MongoDB used) • Design: v0.dev + Figma + Flaticon

Challenges we ran into

• Designing 3 different AI agents with one clean UI • Making chat + dashboard feel responsive and human • Parsing reports using AI while skipping MongoDB • Building everything quickly while focusing on quality

Accomplishments we're proud of

• Created a fully functional health app — not just a demo • Integrated AI in 3 real-world use cases • Built smart dashboards and chat agents with a beautiful UI • Prioritized user safety, simplicity, and impact

What we learned

• How to combine React, Node, and AI APIs into one product • That UI/UX matters — clean design builds user trust • Responsible AI is important in healthcare • Working under pressure helps you focus on what truly matters

What's next

• Add voice command and animated CPR guides • Support Indian languages (Hindi, Tamil, etc.) • Build a mobile app version (React Native or PWA) • Add medicine reminders + alerts • Allow doctor escalation when critical symptoms are detected