8080.AI
DesignReqsTasksUser FlowArchitecture
Log inSign up for free

calm-assistant

bySid

Build a full-stack AI medical assistant web application named "CuraMind" using Python Flask backend and modern frontend (HTML, Tailwind CSS, JavaScript). PROJECT REQUIREMENTS: 1. CORE FEATURES: * Symptom input system where users enter symptoms and duration * AI analysis system that returns: * disease prediction * severity score (1–10) * confidence % * risk level (LOW/MEDIUM/HIGH) * health score (0–100) * Face analysis system: * capture image from webcam * detect acne type, skin type, skin tone * return severity and confidence 2. BACKEND (Flask): * Create API routes: * /analyze (POST): process symptoms * /face (POST): process image * /history (GET): return past data * /login and /register * Use SQLite database * Store: * medical records * face analysis * users 3. DATABASE: Tables: * users (id, email, password) * medical_records (symptoms, duration, prediction, severity, confidence, date) * face_analysis (acne, skin, tone, severity, confidence, date) 4. FRONTEND: * Dark themed modern UI * Pages: * index (input + results) * dashboard (charts + analytics) * login/register * Use Tailwind CSS * Add loading animation: "Analyzing with AI..." 5. DATA VISUALIZATION: * Use Chart.js * Graphs: * severity trend * health score trend 6. ML LOGIC: * Add logic: * severity > 7 → HIGH risk * generate health score = 100 - (severity * 8) * detect trends (if severity increasing) 7. CAMERA: * Use JavaScript getUserMedia() * Capture image and send base64 to backend 8. CODE STRUCTURE: * app.py (Flask app) * templates folder (HTML) * static folder (JS, CSS) * SQLite database 9. OUTPUT: * Fully working project * Clean UI * Modular code * Comments explaining logic 10. FUTURE READY: * Keep placeholders for NVIDIA API integration Make the UI look like a modern AI SaaS product.

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document

System Requirements Document (SRD)

Project Name: calm-assistant

1. Introduction

The calm-assistant project is an AI-powered medical assistant designed to provide users with personalized healthcare insights and recommendations. This application leverages NVIDIA Gemma 2 2B API to analyze symptoms, predict diseases, assess health risks, and perform face-based skin analysis. The goal is to create a seamless, user-friendly experience for individuals seeking proactive health management.

Sid, based in India, envisions this project as a modern, full-stack web application tailored to local healthcare needs while maintaining global standards. The system will incorporate locale-specific defaults such as IST timezone, INR currency, and culturally relevant design elements.

Page 1 of 7

2. System Overview

The calm-assistant system will consist of the following components:

  1. Frontend: A modern, dark-themed web interface built using HTML, Tailwind CSS, and JavaScript, offering intuitive navigation and interactive visualizations.
  2. Backend: A robust Python-based backend using Flask to handle API requests, user authentication, and data management.
  3. Database: SQLite for structured data storage, including user accounts, medical records, and face analysis results.
  4. AI Models: Integration of NVIDIA Gemma 2 2B API for disease prediction, severity scoring, confidence percentages, and risk analysis.
  5. Camera Integration: JavaScript-based webcam functionality for capturing face images and sending them to the backend for analysis.
  6. Data Visualization: Interactive charts and graphs powered by Chart.js to display trends and analytics.

3. Functional Requirements

Page 2 of 7

User Stories:

  • As a User, I should be able to input symptoms and their duration for analysis.
  • As a User, I should receive disease predictions, severity scores, confidence percentages, risk levels, and health scores.
  • As a User, I should be able to capture an image of my face using the webcam for skin analysis.
  • As a User, I should receive results for acne type, skin type, skin tone, severity, and confidence.
  • As a User, I should be able to view my past medical records and face analysis history.
  • As a User, I should be able to register and log in securely.
  • As an Admin, I should be able to manage user accounts and monitor system performance.

4. User Personas

1. User

  • Description: Individuals seeking proactive health management.
  • Goals: Analyze symptoms, monitor health trends, and receive personalized insights.
  • Pain Points: Lack of accessible and reliable health analysis tools.
Page 3 of 7

2. Admin

  • Description: System administrators managing user accounts and ensuring system reliability.
  • Goals: Maintain system integrity, monitor performance, and troubleshoot issues.
  • Pain Points: Ensuring data security and system uptime.

5. Visuals Colors and Theme

Color Palette:

  • Background: #0F172A (Deep Navy Blue)
  • Surface: #1E293B (Charcoal Gray)
  • Text: #F8FAFC (Soft White)
  • Accent: #38BDF8 (Sky Blue)
  • Muted Tones: #64748B (Steel Gray)

Mood Direction:

The theme will evoke a sense of calm and professionalism, aligning with the healthcare domain while maintaining a modern SaaS aesthetic.

6. Signature Design Concept

Page 4 of 7

Concept: Interactive AI Health Assistant with Dynamic Visuals

The homepage will feature an immersive AI-driven health assistant interface that combines dynamic visuals with interactive elements.

  • Hero Section: A glowing circular interface resembling a futuristic medical scanner. Users can interact with the scanner to input symptoms or initiate face analysis.
  • Symptom Input: A sleek, animated input box with placeholder text that morphs into suggestions as users type.
  • AI Analysis Results: Results will appear as animated cards that "flip" to reveal detailed insights, with micro-interactions like hover effects and smooth transitions.
  • Face Analysis: A live webcam feed displayed within a glowing frame. The analysis results will overlay the captured image, showing acne type, skin tone, and severity with interactive markers.
  • Micro-Interactions: Subtle animations like pulsing buttons, glowing edges, and smooth page transitions to enhance user engagement.

This design will make the application visually captivating while ensuring functionality remains intuitive.

7. Non-Functional Requirements

  • Performance: The system should process AI queries within 2 seconds.
  • Scalability: Support up to 10,000 concurrent users.
  • Security: Implement robust encryption for sensitive data.
  • Availability: Ensure 99.9% uptime.
  • Localization: Default to IST timezone and INR currency.
Page 5 of 7

8. Tech Stack

Frontend:

  • HTML
  • Tailwind CSS
  • JavaScript

Backend:

  • Python
  • Flask

Database:

  • SQLite

AI Models:

  • NVIDIA Gemma 2 2B API

Data Visualization:

  • Chart.js

Camera Integration:

  • JavaScript getUserMedia()
Page 6 of 7

9. Assumptions and Constraints

Assumptions:

  • Users will have access to devices with webcams for face analysis.
  • The system will primarily serve users in India but can scale globally.
  • NVIDIA Gemma 2 2B API will be available and functional for integration.

Constraints:

  • Limited to the specified tech stack for compatibility and efficiency.
  • Must adhere to healthcare data privacy regulations (e.g., HIPAA compliance).

10. Glossary

  • AI: Artificial Intelligence
  • IST: Indian Standard Time
  • INR: Indian Rupee
  • API: Application Programming Interface
  • LLM: Large Language Model
  • HIPAA: Health Insurance Portability and Accountability Act
Page 7 of 7

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.