A clean web app that checks for drug interactions using AI-powered analysis. Built with React, Vite, Tailwind CSS, and Groq API.
- Search and add multiple medications
- Instant interaction checking with severity levels (Mild, Moderate, Severe)
- AI-generated explanations, risk warnings, and alternative suggestions
- Print / download clean reports
- Saves medications in browser localStorage
- Fully responsive
- React 19 + Vite + Tailwind CSS
- Groq API (LLaMA 3.3 70B) — AI analysis
- Lucide React — Icons
cd medication-checker
npm install
cp .env.example .env.local
npm run devApp runs at http://localhost:5173
Get a free key at https://console.groq.com and add it to .env.local:
VITE_GROQ_API_KEY=your_api_key_here
- Search and add 2+ medications
- Click Check Interactions
- Review severity levels, AI explanations, and suggested alternatives
- Print or download the report
- 🔴 Severe — Avoid this combination
- 🟡 Moderate — Use with caution
- 🟢 Mild — Generally safe
Edit src/data/medications.json:
{
"id": 11,
"name": "Medication Name",
"class": "Drug Class",
"interactions": [
{
"drug": "Other Drug",
"severity": "Mild|Moderate|Severe",
"reason": "Explanation"
}
]
}This tool is for educational purposes only and does not replace professional medical advice. Always consult a qualified healthcare provider before changing medications.
MIT License