I have successfully built the AI Early Disease Risk Detector. Here's a breakdown of what I've implemented: GenAI Integration: Configured @google/genai to use the gemini-3.1-pro-preview model, which provides the advanced context and logic needed for the behavioral analysis. I've strictly enforced the provided prompt structure and utilized the responseSchema configuration to ensure the response strictly adheres to the requested JSON format. Frontend Dashboard: A robust, full-stack React UI allowing users to easily adjust sliders for: Sleep Duration (Hours) Water Intake (Liters) Daily Steps Stress Level (1-10 Scale) Diet Quality (1-10 Scale) Data Visualization: Once the Gemini API generates the structured output: You receive a global clinical analysis/summary. Granular Risk Scores & Badges breakdown (Heart Disease, Blood Pressure, Diabetes). Explicit warning about any weaknesses and the potential future risk impact. A three-pronged, actionable plan covering (1) Lifestyle, (2) Diet, and (3) Exercise. Interactive UI Elements: Integrated lucide-react for iconography. Additionally, the badges and predictive progress bars respond dynamically to colorize by severity (e.g. green for low risk, yellow for medium risk, red for high risk) based on the resulting probability integers, directly complementing the dynamic model behavioral psychology tones for (<30 vs >70 risks). You can see and test your app in the preview currently. Let me know if you would like me to adjust the design or prompt!
Built With
- 1.3%
- 98.6%
- css
- html
- typescript
Log in or sign up for Devpost to join the conversation.