project-d7c801af
rafaBuild a modern, responsive healthcare web application called **MediSave – AI Healthcare Companion** using Python (Flask), HTML, CSS, and JavaScript. The design should look like a professional healthcare platform similar to Apollo 24/7 or Practo, with a clean white, green, and blue theme, rounded cards, icons, animations, and a mobile-friendly interface. ### Core Feature 1: Medicine Alternative Finder * User enters a branded medicine name (e.g., Dolo 650). * Search the CSV database. * Find its active ingredient. * Display: * Medicine name * Active ingredient * Brand price * Alternative brands with the same active ingredient * Cheapest alternative * Amount saved * Monthly savings * Yearly savings * Show medicines in a modern comparison table. ### Core Feature 2: Medicine Information For every medicine display: * Uses * Dosage * Common side effects * Precautions * Warnings ### Core Feature 3: Government Generic Recommendation Display if a Jan Aushadhi alternative is available. Show: * Generic medicine name * Estimated price * Estimated savings * "Available through Jan Aushadhi" ### Core Feature 4: Nearby Pharmacy Display nearby pharmacies (sample/demo data is acceptable). Example: * Apollo Pharmacy * MedPlus * Jan Aushadhi Kendra Display: * Availability * Distance * Contact Number ### Core Feature 5: Medicine Reminder Allow users to: * Add medicine reminders * Select Morning, Afternoon, Night * Save reminders ### Core Feature 6: Mental Wellness Companion Create a separate page called "MindCare". Include: * Chat interface * Friendly UI * Maximum 10 free conversations per day * The chatbot should only answer: * Stress * Anxiety * Exam pressure * Sleep * Motivation * Basic mindfulness * If the user asks about suicide, self-harm, severe depression, or emergencies, the chatbot must not give medical advice. Instead display: "Please contact a licensed mental health professional or emergency services immediately." ### Core Feature 7: Nearby Psychologists Add a section called: "Find Mental Health Professionals" Display nearby psychologists using sample/demo data. For each psychologist show: * Name * Qualification * Hospital/Clinic * Address * Phone Number * Distance * Button: Call Now ### Core Feature 8: Health Tips Display a random health tip every day. Examples: * Stay hydrated. * Complete your antibiotic course. * Never self-medicate. ### Core Feature 9: Dashboard Create dashboard cards showing: * Medicines in database * Total searches * Average savings * Highest savings * Reminder count ### UI Requirements * Professional healthcare theme * Modern cards * Icons * Gradient hero section * Responsive layout * Search animations * Hover effects * Loading spinner * Footer * Navigation bar Navbar: * Home * Medicine Search * MindCare * Health Tips * About * Contact ### Future Scope Section Include: * OCR Prescription Scanner * AI Medicine Recommendation * Real-time Pharmacy API * Multi-language Support * Voice Search The website should feel like a production-ready healthcare startup and not a basic student project.
Comments (0)
Sign in to leave a comment
System Requirements
project-d7c801af: MediSave – AI Healthcare Companion
Introduction
MediSave – AI Healthcare Companion is a modern, responsive healthcare web application designed to provide users with a comprehensive suite of tools for managing their healthcare needs. The application is built using Python (Flask), HTML, CSS, and JavaScript, and features a professional healthcare platform design similar to Apollo 24/7 or Practo. The theme incorporates clean white, green, and blue colors, rounded cards, icons, animations, and a mobile-friendly interface.
System Overview
MediSave offers a range of features aimed at enhancing user experience and providing valuable healthcare information. The application includes functionalities such as medicine alternative finding, medicine information, government generic recommendations, nearby pharmacy locator, medicine reminders, mental wellness companion, nearby psychologists, health tips, and a user dashboard.
Functional Requirements as Story Points
- As a User, I should be able to enter a branded medicine name to find alternatives.
- As a User, I should be able to view detailed information about any medicine.
- As a User, I should be able to see if a Jan Aushadhi alternative is available for a medicine.
- As a User, I should be able to view nearby pharmacies with sample/demo data.
- As a User, I should be able to set medicine reminders for different times of the day.
- As a User, I should be able to access a mental wellness companion for stress and anxiety.
- As a User, I should be able to find nearby psychologists using sample/demo data.
- As a User, I should be able to receive a random health tip every day.
- As a User, I should be able to view a dashboard with various statistics and reminders.
User Personas
- General User: Individuals seeking information on medicines, alternatives, and healthcare tips.
- Mental Wellness Seeker: Users looking for mental health support and nearby psychologists.
- Healthcare Enthusiast: Users interested in daily health tips and reminders.
Core User Flows
- User searches for a medicine -> Views alternatives and savings -> Checks Jan Aushadhi availability.
- User sets a medicine reminder -> Receives notifications at selected times.
- User accesses MindCare -> Engages in chat for stress/anxiety -> Receives appropriate guidance.
- User views dashboard -> Analyzes medicine data and savings statistics.
Visuals Colors and Theme
- primary: #007BFF (blue)
- primary_light: #66B2FF (light blue)
- secondary: #28A745 (green)
- accent: #FFC107 (amber)
- highlight: #FF5722 (orange)
- bg: #FFFFFF (white)
- surface: rgba(255, 255, 255, 0.8)
- text: #212529 (dark gray)
- text_muted: #6C757D (muted gray)
- border: rgba(0, 0, 0, 0.1)
Signature Design Concept
The homepage of MediSave will feature an interactive 3D floating island representing different sections of the application. Users can navigate between sections by "flying" to different buildings on the island, each representing a core feature like Medicine Search, MindCare, and Health Tips. The design will utilize @react-three/fiber and @react-three/drei for the 3D environment, creating an engaging and memorable first impression.
Interaction Model & Motion Direction
The landing page will employ a "parallax" interaction model, with layered depth via scroll. Decorative elements will translate at different speeds, while core content remains in normal flow. This approach will create a visually rich storytelling experience, ideal for a healthcare platform.
Non-Functional Requirements
- The application must be responsive and accessible on both desktop and mobile devices.
- The system should handle up to 10,000 concurrent users without performance degradation.
- Data privacy and security must comply with applicable healthcare regulations.
Tech Stack
- Frontend: React for Web
- Backend: Python (Flask)
- Database: MySQL or MariaDB
- AI Models: Not specified
- Local Orchestration: Docker, docker-compose
Assumptions and Constraints
- The application will use sample/demo data for nearby pharmacies and psychologists.
- The chatbot in MindCare is limited to 10 free conversations per day.
- The application will initially support English language only.
Glossary
- Jan Aushadhi: A government initiative providing generic medicines at affordable prices.
- MindCare: A feature within MediSave offering mental wellness support.
- Parallax: A scrolling technique where background images move slower than foreground images, creating an illusion of depth.
Your AI-Powered Healthcare Companion
Find medicine alternatives, set reminders, access mental wellness support, and discover health tips — all in one place.
Search for a medicine...SearchDrag to fly around the island · Click a building to explore
Everything You Need for Better Health
MediSave brings together powerful tools to help you manage your healthcare journey efficiently and affordably.
Medicine Search
Find affordable alternatives to branded medicines. Compare prices and save up to 90% on your prescriptions.
Explore →Jan Aushadhi
Check if a government-approved generic alternative is available through the Jan Aushadhi scheme at subsidised prices.
Explore →Medicine Reminders
Set personalised reminders for your medication schedule. Never miss a dose with smart notifications.
Explore →MindCare
Access AI-powered mental wellness support. Chat with our companion for stress, anxiety, and mindfulness guidance.
Explore →Health Tips
Receive daily health insights and tips curated by healthcare professionals. Stay informed, stay healthy.
Explore →Three Simple Steps to Better Healthcare
Search Your Medicine
Enter the name of your branded medicine to discover affordable alternatives and generic options available near you.
Compare Alternatives
View detailed comparisons of prices, compositions, and Jan Aushadhi availability to make informed healthcare decisions.
Save & Stay Healthy
Set reminders, track your medication schedule, and access daily health tips to maintain your wellness journey.
Start Your Health Journey Today
Join thousands of users who trust MediSave for their healthcare needs. Find affordable medicines, set reminders, and access mental wellness support — all for free.
Your AI-Powered Healthcare Companion
Find medicine alternatives, set reminders, access mental wellness support, and discover health tips — all in one place.
Search for a medicine...SearchDrag to fly around the island · Click a building to explore
Everything You Need for Better Health
MediSave brings together powerful tools to help you manage your healthcare journey efficiently and affordably.
Medicine Search
Find affordable alternatives to branded medicines. Compare prices and save up to 90% on your prescriptions.
Explore →Jan Aushadhi
Check if a government-approved generic alternative is available through the Jan Aushadhi scheme at subsidised prices.
Explore →Medicine Reminders
Set personalised reminders for your medication schedule. Never miss a dose with smart notifications.
Explore →MindCare
Access AI-powered mental wellness support. Chat with our companion for stress, anxiety, and mindfulness guidance.
Explore →Health Tips
Receive daily health insights and tips curated by healthcare professionals. Stay informed, stay healthy.
Explore →Three Simple Steps to Better Healthcare
Search Your Medicine
Enter the name of your branded medicine to discover affordable alternatives and generic options available near you.
Compare Alternatives
View detailed comparisons of prices, compositions, and Jan Aushadhi availability to make informed healthcare decisions.
Save & Stay Healthy
Set reminders, track your medication schedule, and access daily health tips to maintain your wellness journey.
Start Your Health Journey Today
Join thousands of users who trust MediSave for their healthcare needs. Find affordable medicines, set reminders, and access mental wellness support — all for free.
No comments yet. Be the first!