• GIF

  demo-gif

DetectraCare – Project Story 🏥

Inspiration

Preventable diseases claim millions of lives yearly because people lack access to simple health awareness tools. The WHO reports 80% of premature heart disease is preventable – yet most people only see doctors when symptoms become severe.

I wanted to bridge this gap. What if anyone could get a preliminary health risk assessment in minutes? That's the vision behind DetectraCare.

What it does

DetectraCare is an AI-powered health risk assessment platform:

• 🩺 Health Assessment – Input vitals, lifestyle habits, and symptoms to get risk scores for diabetes, heart disease, hypertension, and mental health
• 🥗 AI Diet Planner – Personalized meal plans based on dietary needs
• 💬 HealthBuddy Chatbot – AI health assistant that can also analyze uploaded prescription PDFs
• 📊 User Dashboard – Cloud-stored health reports to track progress over time

How we built it

Single-file architecture – The entire app runs from one index.html with embedded CSS/JS.

Risk algorithms are based on guidelines from WHO, AHA, CDC, and the American Diabetes Association.

Challenges we ran into

• Medical accuracy vs. simplicity – Balancing clinical relevance with user-friendly input
• API key security – Frontend-only architecture exposed keys; implemented domain restrictions
• PDF parsing – Prescription formats vary wildly; required extensive fallback handling
• Mobile responsiveness – Ensuring chatbot worked smoothly on all screen sizes

Accomplishments that we're proud of

✅ Single-file deployment – incredibly easy to host
✅ Evidence-based risk algorithms grounded in real medical guidelines
✅ Premium UI with dark/light mode & smooth animations
✅ AI-powered chatbot with PDF analysis capability

What we learned

• Firebase is incredibly powerful for rapid prototyping
• CSS Custom Properties simplify theming dramatically
• Prompt engineering is crucial for consistent AI responses
• Preventive healthcare is massively underserved by technology

What's next for DetectraCare

🔐 Move API calls to serverless backend for better security
Health trend visualization with charts
🏥 Export reports in formats doctors can use
📱 Native mobile apps with wearable integration

DetectraCare isn't meant to replace doctors – it helps people have better conversations with them. 💚

Built With

• css3
• firebase-authentication
• firebase-realtime-database
• google-fonts
• google-gemini-api
• html5
• javascript
• netlify
• pdf.js