earthy-application

byUtkarsh

Build a professional, voice-first React web application called 'MedBrief.' The app is a clinical-grade patient advocate designed to translate patient symptoms into a structured medical brief for doctors. Visual Language: Use a 'Clean Clinic' aesthetic. Background: #F8FAFC, Primary Blue: #3182CE, Typography: Inter. The UI must be high-contrast and accessible for all ages. Key Functionality & Screens:1. Onboarding & Disclaimer:Simple landing page with a 'Prepare for Appointment' button. Mandatory footer: 'This is a productivity tool for patient-doctor communication, not a medical device. No diagnosis is provided'. 2. The Intelligent Interview (Voice Screen):Use the browser's MediaRecorder API to capture audio. Core Feature: Instead of a one-way recording, the UI should show a 'Guided Scribe' mode.Integrate the Groq API (Llama 3) to analyze the transcript in real-time.The AI must ask 3 follow-up questions focused on clinical data: 'Where exactly is the pain?', 'When does it stop?', and 'Are there any other symptoms?'. Include a pulsing voice waveform to show active listening. 3. The Clinical Brief (Output Screen):AI Processing: Use an Edge Function to send the final transcript to Groq. The system prompt must instruct the AI to:Act as a Senior Medical Scribe. Translate patient-speak (e.g., 'fluttering in chest') into clinical terms (e.g., 'reports palpitations'). Organize the output into: Chief Complaint, History of Present Illness (HPI), and Patient Goals for the Visit. Output Features:Doctor Mode: A toggle to increase font size to 24px and hide app navigation. Export: A button to generate and download a clean, professional A4 PDF locally. Burn: A red 'Wipe Data' button that clears all session states for privacy. Technical Instruction: Implement the Groq integration securely using Lovable's secret management for the API key. Ensure the PDF generation uses a local library to keep the process $0 cost and private." Why this version is better:For the Patient: It guides them through the story so they don't have to figure out what to say. For the Doctor: It gives them a document in the language they were trained to read (HPI/Chief Complaint), which makes them more likely to actually use it. For You: It uses Groq for the high-speed intelligence and Lovable for the frontend, keeping your development costs at $0.