MySymptoms

💡 Inspiration When people feel unwell, their first instinct is to Google their symptoms — a habit that almost always leads to panic, worst-case-scenario results, and unnecessary anxiety 😰. This phenomenon, known as "cyberchondria", is more common than ever.

At the same time, not everyone has immediate access to a doctor for minor health concerns, and searching for emergency first-aid advice online can be dangerously slow. ⏳ Every second matters.

We built MySymptoms to bridge that gap — a smart, calm, and conversational health assistant that gives you safe guidance instantly, without the panic. 🩺

⚙️ What It Does MySymptoms acts as your intelligent first point of contact for any health concern. Simply enter your age, gender, and current medications (for drug interaction checks 💊), then describe what you're feeling through:

🎙️ Voice Input — speak your symptoms naturally 🫀 3D Interactive Body Map — tap exactly where it hurts In seconds, the AI analyzes your data and delivers safe, structured, actionable guidance. The platform also includes:

🧩 Diagnosis Quiz — interactive step-by-step symptom checking 📈 Symptom Tracker — log symptoms over time and share with your real doctor 🚨 Emergency SOS Guide — bypasses AI entirely for instant visual first-aid on strokes, CPR, choking, and more 🌍 Multi-language Support — healthcare knowledge accessible to everyone, globally 🛠️ How We Built It We built MySymptoms with a clean, premium glassmorphism UI — fully responsive on desktop and mobile — using vanilla HTML5 and CSS3.

🖥️ Frontend: Vanilla JavaScript powers all interactive features — dynamic severity sliders, the SVG-based Body Map, and Web Speech API for voice-to-text input 🔐 Auth & Database: Firebase (Authentication + Firestore) handles secure login, Medical ID profile storage, and persistent consultation history across all devices 📊 Performance & Analytics: Firebase Analytics and Performance monitoring ensure the app loads instantly — especially critical when users are stressed and need answers fast ⚡ 🚧 Challenges We Ran Into 🗂️ Structuring AI Input — combining messy free-text symptoms with quantitative data like pain scale (1–10) and SVG body map coordinates required careful parsing before sending to the AI 🔄 Session & Race Conditions — preventing race conditions when fetching Medical ID profiles from Firestore required robust async auth listeners and careful loading state management 🛡️ AI Guardrails — the hardest ongoing challenge was ensuring the AI never confidently delivers a definitive diagnosis, always keeping responses safe, conservative, and responsible 🏆 Accomplishments We're Proud Of ✨ A premium, polished UI that feels professional and trustworthy — not like a typical hackathon project 🎙️ The combination of voice input + interactive Body Map creates a genuinely accessible experience, especially for elderly users who struggle with typing 🚨 The Emergency SOS Module — we recognized that relying on AI during a real heart attack or choking emergency is dangerous, so we built a dedicated hard-coded module delivering pure visual first-aid instructions in one single click 🔥 A fully working Firebase-backed system with real authentication, real data persistence, and real-time performance monitoring 📚 What We Learned 🏗️ How to build complex, stateful applications without relying on heavy frontend frameworks 🔥 Deep Firebase integration — real-time Firestore data persistence, secure auth flows, and proper security rules 🧬 Clinical Prompt Engineering — how to instruct an AI to behave conservatively, safely, and responsibly when handling sensitive human health data ♿ Designing for accessibility — making health tools usable for all ages and technical skill levels 🚀 What's Next for MySymptoms 📸 Multimodal AI Vision — upload a photo of a rash, wound, or swollen joint for AI-powered visual analysis alongside your text symptoms 👨‍⚕️ Doctor Portal — generate a secure PDF or encrypted shareable link of your Symptom Tracker timeline to send directly to your healthcare provider before an appointment 📱 Native iOS & Android App — bringing the full MySymptoms experience to mobile, with Emergency SOS guides fully available offline 🔔 Smart Health Reminders — notify users to log symptoms regularly for better long-term health tracking ⚠️ MySymptoms is an AI-assisted triage tool and does not replace professional medical advice. Always consult a qualified healthcare provider for diagnosis and treatment.

Built With

• css3
• html5
• javascript