NEW-SIHMVP

Rural Healthcare Telemedicine MVP - Nabha

πŸš€ Live Demo

🌐 Try the Application

πŸ“± Demo Credentials

Phone: 9876543210
Password: demo123

πŸ₯ Project Overview

A telemedicine platform designed to address healthcare accessibility challenges in Nabha and surrounding rural areas of Punjab, India. This MVP provides video consultations, digital health records, medicine availability tracking, and offline capabilities optimized for low-bandwidth rural environments.

Problem Statement (ID: 25018)

🎯 Key Features

Core MVP Features

  1. Multi-lingual Support - Punjabi, Hindi, and English interfaces
  2. Video Consultations - Low-bandwidth optimized telemedicine
  3. Digital Health Records - Offline-capable patient records
  4. Medicine Tracker - Real-time pharmacy inventory
  5. AI Symptom Checker - Rule-based health assessment
  6. Offline Mode - Works without constant internet

πŸ—οΈ Project Structure

rural-healthcare-mvp/
β”œβ”€β”€ .github/
β”‚   └── workflows/
β”‚       └── deploy.yml         # GitHub Actions CI/CD
β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ config/
β”‚   β”‚   β”‚   └── database.js   # Database configuration
β”‚   β”‚   β”œβ”€β”€ controllers/      # Request handlers
β”‚   β”‚   β”œβ”€β”€ middleware/
β”‚   β”‚   β”‚   β”œβ”€β”€ auth.js       # JWT authentication
β”‚   β”‚   β”‚   β”œβ”€β”€ errorHandler.js
β”‚   β”‚   β”‚   └── rateLimiter.js
β”‚   β”‚   β”œβ”€β”€ models/
β”‚   β”‚   β”‚   └── User.js       # User model with auth
β”‚   β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   β”‚   β”œβ”€β”€ auth.routes.js
β”‚   β”‚   β”‚   β”œβ”€β”€ consultation.routes.js
β”‚   β”‚   β”‚   β”œβ”€β”€ medicine.routes.js
β”‚   β”‚   β”‚   β”œβ”€β”€ record.routes.js
β”‚   β”‚   β”‚   └── symptom.routes.js
β”‚   β”‚   β”œβ”€β”€ utils/
β”‚   β”‚   β”‚   └── symptomData.js # AI symptom checker data
β”‚   β”‚   └── server.js         # Main server file
β”‚   β”œβ”€β”€ .env.example          # Environment variables template
β”‚   └── package.json          # Backend dependencies
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ public/
β”‚   β”‚   β”œβ”€β”€ index.html        # Main HTML file
β”‚   β”‚   └── manifest.json     # PWA manifest
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”‚   β”œβ”€β”€ Layout/
β”‚   β”‚   β”‚   β”‚   └── Layout.js  # Main layout wrapper
β”‚   β”‚   β”‚   └── PrivateRoute.js # Protected route component
β”‚   β”‚   β”œβ”€β”€ i18n/
β”‚   β”‚   β”‚   └── i18n.js        # Multi-language support
β”‚   β”‚   β”œβ”€β”€ pages/
β”‚   β”‚   β”‚   β”œβ”€β”€ Login.js       # Login page
β”‚   β”‚   β”‚   β”œβ”€β”€ Register.js    # Registration page
β”‚   β”‚   β”‚   β”œβ”€β”€ Dashboard.js   # Main dashboard
β”‚   β”‚   β”‚   β”œβ”€β”€ Consultations.js
β”‚   β”‚   β”‚   β”œβ”€β”€ VideoCall.js   # Video consultation
β”‚   β”‚   β”‚   β”œβ”€β”€ HealthRecords.js
β”‚   β”‚   β”‚   β”œβ”€β”€ MedicineTracker.js
β”‚   β”‚   β”‚   β”œβ”€β”€ SymptomChecker.js
β”‚   β”‚   β”‚   └── Profile.js
β”‚   β”‚   β”œβ”€β”€ store/
β”‚   β”‚   β”‚   └── store.js       # Redux store configuration
β”‚   β”‚   β”œβ”€β”€ App.js             # Main React component
β”‚   β”‚   β”œβ”€β”€ index.js           # React entry point
β”‚   β”‚   β”œβ”€β”€ index.css          # Global styles
β”‚   β”‚   β”œβ”€β”€ serviceWorker.js  # PWA service worker
β”‚   β”‚   └── serviceWorkerRegistration.js
β”‚   └── package.json          # Frontend dependencies
β”œβ”€β”€ database/                 # SQLite database files
β”œβ”€β”€ docs/                     # Additional documentation
β”œβ”€β”€ scripts/                  # Utility scripts
β”œβ”€β”€ .gitignore               # Git ignore file
β”œβ”€β”€ Dockerfile               # Docker configuration
β”œβ”€β”€ docker-compose.yml       # Docker Compose setup
β”œβ”€β”€ netlify.toml             # Netlify deployment config
β”œβ”€β”€ vercel.json              # Vercel deployment config
└── README.md                # Project documentation

πŸš€ Quick Start

Prerequisites

Installation

  1. Clone the repository
    cd rural-healthcare-mvp
    
  2. Install Backend Dependencies
    cd backend
    npm install
    
  3. Install Frontend Dependencies
    cd ../frontend
    npm install
    
  4. Set up environment variables
    # Create .env file in backend directory
    cp backend/.env.example backend/.env
    # Edit with your configuration
    
  5. Initialize Database
    cd backend
    npm run db:init
    
  6. Start Development Servers

Backend (Terminal 1):

cd backend
npm run dev
# Server runs on http://localhost:5000

Frontend (Terminal 2):

cd frontend
npm start
# App runs on http://localhost:3000

πŸ’» Technology Stack

Backend

Frontend

πŸ“± Features Implementation

1. User Registration/Login

2. Video Consultations

3. Digital Health Records

4. Medicine Availability

5. AI Symptom Checker

6. Offline Functionality

🌐 API Endpoints

Authentication

Consultations

Health Records

Medicine Tracker

Symptom Checker

πŸ”’ Security Considerations

πŸ“Š Database Schema

Users Table

Patients Table

Doctors Table

Appointments Table

Health Records Table

Medicines Table

Pharmacy Inventory Table

🚒 Deployment

Local Development

npm run dev

Production Build

# Backend
cd backend
npm run build

# Frontend
cd frontend
npm run build

Docker Deployment

docker-compose up -d

Environment Variables

Required environment variables:

πŸ“ˆ Performance Optimization

πŸ§ͺ Testing

# Run backend tests
cd backend
npm test

# Run frontend tests
cd frontend
npm test

# E2E tests
npm run test:e2e

🀝 Contributing

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add AmazingFeature')
  4. Push to branch (git push origin feature/AmazingFeature)
  5. Open Pull Request

πŸ“„ License

This project is developed for the Government of Punjab under the Department of Higher Education.

πŸ‘₯ Stakeholders

πŸ“Š Success Metrics

πŸ†˜ Support

For issues and questions:

πŸ—ΊοΈ Roadmap

Phase 1 (MVP) - Current

Phase 2

Phase 3


Built with ❀️ for rural healthcare accessibility in Punjab

Rural Healthcare MVP

Healthcare at your doorstep - A comprehensive telemedicine platform designed specifically for rural healthcare in the Nabha region, serving 173+ villages with limited medical infrastructure.

🌐 Live Demo

πŸ”— Live Application: https://gautamkapil9080.github.io/NEW-SIHMVP
πŸ“Š Source Code: https://github.com/gautamkapil9080/NEW-SIHMVP

Demo Credentials:

🌟 Problem Statement

Rural healthcare in the Nabha region faces critical challenges:

πŸ’‘ Our Solution: Complete Healthcare Ecosystem

A Progressive Web App (PWA) that provides comprehensive healthcare services optimized for rural internet connectivity and basic smartphones.

πŸš€ Key Features

1. 🌐 Multilingual Interface

2. πŸ“Ή Video Consultations

3. πŸ€– AI Symptom Checker

4. πŸ’Š Real-time Medicine Tracker

5. πŸ“‹ Digital Prescription System

6. πŸ›οΈ Government Schemes Integration

7. 🚨 Comprehensive Emergency Services

πŸ› οΈ Technical Architecture

Modern Tech Stack

Progressive Web App (PWA)

πŸ“Š Expected Impact & Scalability

Immediate Impact

Government-Ready Solution

πŸš€ Getting Started

Prerequisites

πŸ”§ Quick Start (5 minutes)

  1. Clone the repository
    git clone https://github.com/YOUR_USERNAME/rural-healthcare-mvp.git
    cd rural-healthcare-mvp
    
  2. Install dependencies
    npm install
    

    This may take 2-3 minutes to download all packages

  3. Start the development server
    npm start
    

    Server will start on http://localhost:3000 and open automatically

  4. Start using the app!
    • Patient Demo: Use any name + village (suggestions provided)
    • Doctor Demo: demo@doctor.com / demo123

πŸ₯ Firebase Setup (Optional)

The app works completely offline using localStorage. For real-time features:

  1. Create Firebase project at https://console.firebase.google.com
  2. Enable Firestore Database
  3. Copy config to src/firebase.ts:
    const firebaseConfig = {
      apiKey: "your-api-key",
      authDomain: "your-project.firebaseapp.com",
      projectId: "your-project-id",
      // ... rest of config
    };
    

πŸ“¦ Available Commands

npm start          # Start development server (http://localhost:3000)
npm test           # Run tests
npm run build      # Build for production
npm run eject      # Eject from Create React App (not recommended)

πŸ› Troubleshooting

Port 3000 already in use?

npm start -- --port 3001

npm install fails?

npm cache clean --force
npm install

Node.js not found?

🎯 Demo Credentials

Doctor Login

Or use any of these pre-configured doctors:

Patient Login

πŸ“± How to Use

For Patients:

  1. Click β€œPatient Login” on the landing page
  2. Enter your name and village
  3. Describe symptoms in the symptom checker
  4. Review AI analysis and recommendations
  5. Request video consultation if needed
  6. Access emergency services if urgent
  7. View government health schemes

For Doctors:

  1. Click β€œDoctor Login” and use demo credentials
  2. View pending patient consultation requests
  3. Accept consultations to start video calls
  4. Create and generate PDF prescriptions
  5. Monitor patient statistics

πŸ—οΈ Project Structure

rural-healthcare-mvp/
β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ index.html
β”‚   └── manifest.json (PWA)
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/          # React components
β”‚   β”‚   β”œβ”€β”€ LandingPage.tsx
β”‚   β”‚   β”œβ”€β”€ PatientLogin.tsx
β”‚   β”‚   β”œβ”€β”€ DoctorLogin.tsx
β”‚   β”‚   β”œβ”€β”€ PatientDashboard.tsx
β”‚   β”‚   β”œβ”€β”€ DoctorDashboard.tsx
β”‚   β”‚   β”œβ”€β”€ PrescriptionForm.tsx
β”‚   β”‚   └── PatientPrescriptions.tsx
β”‚   β”œβ”€β”€ contexts/           # React contexts
β”‚   β”‚   └── AuthContext.tsx
β”‚   β”œβ”€β”€ services/          # API and utility services
β”‚   β”‚   β”œβ”€β”€ aiService.ts   # AI symptom analysis
β”‚   β”‚   β”œβ”€β”€ firestoreService.ts
β”‚   β”‚   └── prescriptionService.ts
β”‚   β”œβ”€β”€ App.tsx           # Main app component
β”‚   β”œβ”€β”€ index.tsx         # Entry point
β”‚   └── index.css         # Tailwind CSS
β”œβ”€β”€ tailwind.config.js    # Tailwind configuration
β”œβ”€β”€ package.json
└── README.md

🎨 Design System

Color Palette

Typography

🚨 Emergency Features

πŸ₯ Health Schemes Integration

The platform provides easy access to:

πŸ€– AI-Powered Features

Symptom Analysis

Common Conditions Covered

πŸ“‹ Prescription System

Features

Medicine Database

Pre-loaded with common rural healthcare medicines:

🌐 PWA Features (Planned Enhancement)

πŸ”’ Security & Privacy

πŸš€ Future Enhancements

Phase 2 Features

Phase 3 Features

🀝 Contributing

This MVP was built for internal hackathon demonstration. Future contributions welcome for:

πŸ“ž Support & Contact

πŸ“„ License

This project is designed for government deployment and public health benefit.


Built with ❀️ for rural healthcare transformation in Punjab, India

Serving 173+ villages β€’ Connecting patients with doctors β€’ Healthcare at your doorstep