ArogyaPlus - AI-Powered Healthcare Platform

ArogyaPlus is an innovative AI-powered healthcare technology platform that transforms medical report interpretation using advanced OCR, computer vision, and natural language processing.

Features

• AI-Powered Medical Report Analysis - Upload medical reports and get instant personalized insights
• 🚨 ArogyaAlert Emergency Feature - Quick access to emergency services and medical information sharing
• OCR, Computer Vision, and NLP Integration - Advanced AI technologies for accurate report analysis
• Personalized Health Insights - Get detailed explanations of medical terms and test results
• Modern Medicine + Ayurvedic Recommendations - Unique blend of evidence-based medicine and traditional Ayurvedic wisdom
• Interactive Hospital Maps - Find nearby hospitals with real-time location and directions
• Emergency Medical Summary Sharing - Automatically save and share medical analysis for emergency situations
• Drag-and-Drop Report Upload - Easy-to-use interface for uploading PDF, JPG, and PNG files
• Real-Time Analysis with Loading States - Visual feedback during the analysis process
• Responsive Design - Optimized for all devices from mobile to desktop

Technology Stack

• React 19 - Latest version of React for building user interfaces
• Vite - Fast build tool and development server
• React Router v7 - Client-side routing with data router APIs
• Tailwind CSS v4 - Utility-first CSS framework
• Leaflet + React-Leaflet - Interactive maps for hospital locations and navigation
• Google Gemini AI (@google/genai) - Advanced AI for medical report analysis
• Browser Geolocation API - Location services for emergency assistance
• LocalStorage API - Emergency data persistence and medical summary storage

Environment Setup

1. Create a .env.local file in the project root:

VITE_GEMINI_API_KEY=your_api_key_here

2. Get your Gemini API key from Google AI Studio

3. Important Security Steps:

   • Add HTTP referrer restrictions in Google Cloud Console
   • Restrict to your development domain: http://localhost:5173
   • Restrict to your production domain after deployment
   • Add API restrictions to limit usage to Gemini API only
   • Never commit .env.local to version control (already in .gitignore)

4. For production deployments:

   • Set VITE_GEMINI_API_KEY environment variable in your hosting platform
   • Consider moving API calls to a backend proxy for better security and billing control

Development

Installation

npm install

Run Development Server

npm run dev

The app will be available at http://localhost:5173

Build for Production

npm run build

Preview Production Build

npm run preview

Security Notes

⚠️ Client-Side API Key Considerations:

• The Gemini API key is bundled in the client code when using Vite environment variables
• This approach is suitable for demos and small projects with API restrictions enabled
• For production applications with billing concerns:
  • Implement a backend proxy server to handle API calls
  • Keep API keys server-side only
  • Add rate limiting and authentication
• Always set HTTP referrer restrictions in Google Cloud Console
• Monitor API usage regularly in Google Cloud Console

Project Structure

agogyaplus/
├── public/
│   └── logo.png
├── src/
│   ├── components/        # Reusable UI components
│   │   ├── Header.jsx
│   │   ├── Footer.jsx
│   │   ├── Hero.jsx
│   │   ├── About.jsx
│   │   ├── AIFeatures.jsx
│   │   ├── HowItWorks.jsx
│   │   ├── Services.jsx
│   │   ├── PatientCare.jsx
│   │   ├── Specialties.jsx
│   │   ├── Testimonials.jsx
│   │   ├── Doctors.jsx
│   │   ├── MobileApp.jsx
│   │   ├── Blog.jsx
│   │   └── MapView.jsx     # Interactive map component
│   ├── pages/             # Route-level page components
│   │   ├── HomePage.jsx
│   │   ├── AIAnalysisPage.jsx
│   │   └── EmergencyPage.jsx  # ArogyaAlert emergency assistance
│   ├── services/          # API integration and business logic
│   │   ├── geminiService.js
│   │   ├── locationService.js # Geolocation and mapping
│   │   └── emergencyService.js # Emergency data management
│   ├── data/              # Static data files
│   │   └── hospitals.js   # Hospital and clinic information
│   ├── App.jsx            # Root layout component
│   ├── main.jsx           # Application entry point with routing
│   └── index.css          # Global styles
├── .env.local             # Environment variables (not committed)
└── README.md

Routes

• / - Home page with all sections (Hero, About, Features, Services, etc.)
• /ai-analysis - AI-powered medical report analysis page
• /emergency - ArogyaAlert emergency assistance page with hospital finder and medical sharing

How It Works

AI Medical Report Analysis

1. Upload - Drag and drop or select your medical report (PDF, JPG, PNG)
2. Analyze - AI processes the report using OCR, computer vision, and NLP
3. Get Insights - Receive personalized health insights with:
   • Summary of key findings
   • Medical term explanations
   • Modern medicine recommendations
   • Ayurvedic treatment suggestions
   • Lifestyle and dietary advice

🚨 ArogyaAlert Emergency Feature

The ArogyaAlert emergency system provides immediate access to healthcare assistance in critical situations:

Key Features:

• Emergency Service Access - One-click calling to local emergency services (911, 108, 999)
• Hospital Finder - Real-time geolocation to find nearest hospitals and medical facilities
• Interactive Maps - Visual hospital locations with directions and contact information
• Medical Summary Sharing - Automatically saves AI analysis results for emergency responders
• Multi-platform Support - Works on mobile, tablet, and desktop devices

Emergency Workflow:

1. Access - Click the red "ArogyaAlert" button from header, hero, or footer
2. Choose Action - Either call emergency services or find nearby hospitals
3. Location Detection - System requests and uses your location for accurate results
4. Hospital Display - Interactive map shows nearby hospitals with:
   • Distance and travel time
   • Hospital type and specialties
   • Contact information and directions
   • Emergency availability status
5. Medical Sharing - Share your saved medical analysis with emergency contacts

Technical Requirements:

• Location Permission - Browser geolocation access for hospital finding
• Internet Connection - Required for map tiles and hospital data
• Modern Browser - Supports HTML5 Geolocation API
• Mobile Compatibility - Responsive design works on all devices

Supported Emergency Numbers:

• US/Canada - 911
• India - 108 (Medical Emergency)
• UK - 999
• Australia - 000
• Europe - 112

The system automatically detects your location and uses the appropriate emergency number based on your browser's locale settings.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.

Disclaimer

This AI analysis tool is for informational purposes only and should not replace professional medical consultation. Always consult with qualified healthcare professionals for medical advice and treatment.

---

Built with ❤️ using React, Vite, and Google Gemini AI