Skip to content

M-RajaBabu/RogNivaran

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

28 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ₯ RogNivaran - Your Trusted Healthcare Appointment Platform

RogNivaran Logo React Node.js MongoDB Tailwind CSS

Revolutionizing Healthcare Access in India πŸš€

Connecting patients with trusted doctors through innovative appointment booking

Live Demo β€’ Backend API β€’ Documentation


πŸ“‹ Table of Contents


🌟 Overview

RogNivaran is a comprehensive healthcare appointment booking platform designed specifically for the Indian market. Our mission is to bridge the gap between patients and healthcare providers, making quality healthcare accessible to everyone.

🎯 Our Vision

  • Democratize Healthcare Access - Make quality healthcare available to all
  • Digital Transformation - Modernize the traditional appointment booking process
  • Patient-Centric Approach - Focus on user experience and convenience
  • Trust & Transparency - Verified doctors and secure payment systems

✨ Key Features

🏠 Smart Home Experience

  • Intuitive Navigation - Seamless user journey from landing to booking
  • Specialty-Based Search - Find doctors by medical specialties
  • Real-Time Availability - Live slot booking with instant confirmation
  • Responsive Design - Works perfectly on all devices

πŸ‘¨β€βš•οΈ Doctor Management

  • Verified Profiles - All doctors are thoroughly vetted
  • Specialty Classification - Organized by medical specialties
  • Detailed Profiles - Experience, qualifications, and patient reviews
  • Availability Tracking - Real-time slot management

πŸ’³ Multi-Payment Integration

  • UPI Payments - Native Indian payment method with QR codes
  • Card Payments - Stripe and Razorpay integration
  • Cash Payments - Traditional payment option
  • Secure Transactions - End-to-end encrypted payments

πŸ“± Patient Portal

  • Appointment Management - Book, reschedule, and cancel appointments
  • Payment History - Complete transaction records
  • Profile Management - Personal and medical information
  • Prescription Storage - Digital medical records

πŸ”§ Admin Dashboard

  • Doctor Management - Add, edit, and manage doctor profiles
  • Patient Analytics - Comprehensive patient data insights
  • Appointment Overview - Real-time appointment tracking
  • Revenue Analytics - Payment and earnings reports

πŸ–ΌοΈ Project Screenshots

🏠 Home Page Experience

RogNivaran Home Page

Our welcoming homepage showcases the platform's core features with a modern, clean design that immediately builds trust with users.

RogNivaran Home Page Features

The second section highlights our key differentiators: verified doctors, instant booking, and secure payments.

πŸ‘¨β€βš•οΈ Doctor Discovery & Booking

All Doctors Page

Comprehensive doctor listing with specialty filters, ratings, and detailed information to help patients make informed decisions.

Doctor Profile and Booking

Detailed doctor profiles with booking interface, showing available slots, fees, and appointment scheduling process.

πŸ” Authentication System

Login and Registration

Secure authentication system with separate flows for patients, doctors, and administrators. Features include email verification, password strength validation, and role-based access control.

πŸ’³ Payment Processing

Payment Methods

Multi-payment gateway integration supporting UPI (with QR codes), credit/debit cards (Stripe & Razorpay), and cash payments. Real-time payment verification and confirmation.

πŸ“± Patient Dashboard

My Appointments

Comprehensive appointment management interface showing upcoming appointments, payment status, and appointment history with easy cancellation options.

User Profile

Detailed user profile management with personal information, medical history, prescription storage, and account settings.

πŸŽ›οΈ Admin Control Panel

Admin Dashboard

Powerful admin dashboard with real-time analytics, doctor management, patient overview, and comprehensive system monitoring capabilities.

πŸ“– About & Information

About Section 1

Informative about section explaining our mission, values, and commitment to healthcare accessibility.

About Section 2

Detailed information about our services, team, and the technology behind RogNivaran.


πŸ—οΈ Architecture

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚   Frontend      β”‚    β”‚   Backend       β”‚    β”‚   Database      β”‚
β”‚   (React.js)    │◄──►│   (Node.js)     │◄──►│   (MongoDB)     β”‚
β”‚                 β”‚    β”‚                 β”‚    β”‚                 β”‚
β”‚ β€’ User Interfaceβ”‚    β”‚ β€’ API Endpoints β”‚    β”‚ β€’ User Data     β”‚
β”‚ β€’ State Mgmt    β”‚    β”‚ β€’ Authenticationβ”‚    β”‚ β€’ Doctor Data   β”‚
β”‚ β€’ Routing       β”‚    β”‚ β€’ Business Logicβ”‚    β”‚ β€’ Appointments  β”‚
β”‚ β€’ Components    β”‚    β”‚ β€’ File Upload   β”‚    β”‚ β€’ Payments      β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
         β”‚                       β”‚                       β”‚
         β”‚                       β”‚                       β”‚
         β–Ό                       β–Ό                       β–Ό
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚   Payment       β”‚    β”‚   File Storage  β”‚    β”‚   Email Service β”‚
β”‚   Gateways      β”‚    β”‚   (Cloudinary)  β”‚    β”‚   (Nodemailer)  β”‚
β”‚                 β”‚    β”‚                 β”‚    β”‚                 β”‚
β”‚ β€’ Stripe        β”‚    β”‚ β€’ Image Upload  β”‚    β”‚ β€’ Notifications β”‚
β”‚ β€’ Razorpay      β”‚    β”‚ β€’ File Mgmt     β”‚    β”‚ β€’ Confirmations β”‚
β”‚ β€’ UPI           β”‚    β”‚ β€’ CDN Delivery  β”‚    β”‚ β€’ Reminders     β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

πŸ› οΈ Tech Stack

Frontend Technologies

  • React.js 18.2.0 - Modern UI framework with hooks and context
  • Vite - Lightning-fast build tool and development server
  • Tailwind CSS 3.3.0 - Utility-first CSS framework
  • React Router 6 - Client-side routing and navigation
  • Axios - HTTP client for API communication
  • React Toastify - User notification system

Backend Technologies

  • Node.js 18.0.0 - Server-side JavaScript runtime
  • Express.js 4.18.2 - Web application framework
  • MongoDB 6.0 - NoSQL database for flexible data storage
  • Mongoose 7.5.0 - MongoDB object modeling tool
  • JWT - JSON Web Tokens for authentication
  • Bcrypt - Password hashing and security

Payment Integration

  • Stripe - International payment processing
  • Razorpay - Indian payment gateway
  • UPI - Unified Payments Interface with QR codes

File Storage & CDN

  • Cloudinary - Cloud-based image and video management
  • Multer - File upload middleware

Development & Deployment

  • Git - Version control system
  • Vercel - Frontend deployment platform
  • Render - Backend deployment platform
  • ESLint - Code quality and consistency

πŸš€ Getting Started

Prerequisites

  • Node.js 18.0.0 or higher
  • MongoDB 6.0 or higher
  • Git

Installation

  1. Clone the repository

    git clone https://github.com/M-RajaBabu/RogNivaran.git
    cd RogNivaran
  2. Install dependencies

    # Install frontend dependencies
    cd frontend
    npm install
    
    # Install backend dependencies
    cd ../backend
    npm install
  3. Environment Setup

    # Frontend (.env)
    VITE_BACKEND_URL=http://localhost:5000
    
    # Backend (.env)
    MONGODB_URI=your_mongodb_connection_string
    JWT_SECRET=your_jwt_secret
    CLOUDINARY_CLOUD_NAME=your_cloudinary_name
    CLOUDINARY_API_KEY=your_cloudinary_key
    CLOUDINARY_API_SECRET=your_cloudinary_secret
    STRIPE_SECRET_KEY=your_stripe_secret
    RAZORPAY_KEY_ID=your_razorpay_key
    RAZORPAY_KEY_SECRET=your_razorpay_secret
    ADMIN_EMAIL=admin@rognivaran.com
    ADMIN_PASSWORD=admin123456
  4. Start development servers

    # Start backend server
    cd backend
    npm run dev
    
    # Start frontend server (in new terminal)
    cd frontend
    npm run dev
  5. Access the application


πŸ“± Features Deep Dive

πŸ” Smart Doctor Discovery

  • Specialty-Based Filtering - Find doctors by medical specialties
  • Location-Based Search - Filter by city and area
  • Rating & Review System - Patient feedback and ratings
  • Availability Calendar - Real-time slot availability
  • Detailed Profiles - Experience, qualifications, and specializations

πŸ“… Advanced Appointment System

  • Real-Time Slot Booking - Instant appointment confirmation
  • Flexible Scheduling - 30-minute time slots throughout the day
  • Conflict Prevention - Prevents double booking
  • Reminder System - Email and SMS notifications
  • Cancellation Policy - Easy appointment cancellation

πŸ’³ Secure Payment Processing

  • Multi-Gateway Support - Stripe, Razorpay, and UPI
  • QR Code Integration - Native UPI QR code scanning
  • Payment Verification - Real-time transaction verification
  • Refund Processing - Automated refund handling
  • Transaction History - Complete payment records

πŸ‘€ User Management

  • Role-Based Access - Patient, Doctor, and Admin roles
  • Profile Management - Personal and medical information
  • Prescription Storage - Digital medical records
  • Appointment History - Complete appointment tracking
  • Security Features - Password protection and data encryption

πŸŽ›οΈ Admin Dashboard

  • Doctor Management - Add, edit, and manage doctor profiles
  • Patient Analytics - Comprehensive patient insights
  • Revenue Tracking - Payment and earnings analytics
  • System Monitoring - Real-time system health checks
  • User Management - Patient and doctor account management

πŸ”§ API Endpoints

Authentication

POST /api/user/register     - User registration
POST /api/user/login        - User login
POST /api/doctor/login      - Doctor login
POST /api/admin/login       - Admin login

User Management

GET  /api/user/profile      - Get user profile
PUT  /api/user/profile      - Update user profile
GET  /api/user/appointments - Get user appointments

Doctor Management

GET  /api/doctors           - Get all doctors
GET  /api/doctors/:id       - Get specific doctor
POST /api/doctors           - Add new doctor (admin)
PUT  /api/doctors/:id       - Update doctor (admin)

Appointment Management

POST /api/user/book-appointment    - Book appointment
POST /api/user/cancel-appointment  - Cancel appointment
GET  /api/user/appointments        - Get appointments

Payment Processing

POST /api/user/payment-stripe      - Stripe payment
POST /api/user/payment-razorpay    - Razorpay payment
POST /api/user/verify-upi          - UPI payment verification

Admin Endpoints

GET  /api/admin/dashboard          - Admin dashboard data
GET  /api/admin/doctors            - All doctors (admin)
GET  /api/admin/patients           - All patients (admin)
GET  /api/admin/appointments       - All appointments (admin)

🎨 UI/UX Highlights

🎯 Design Philosophy

  • Patient-Centric Design - Every feature designed with patient needs in mind
  • Accessibility First - WCAG compliant design for all users
  • Mobile-First Approach - Optimized for mobile devices
  • Intuitive Navigation - Easy-to-use interface for all age groups

🎨 Visual Design

  • Modern Aesthetics - Clean, professional medical platform design
  • Color Psychology - Trust-building blue and green color scheme
  • Typography - Readable fonts optimized for medical content
  • Iconography - Medical-themed icons for better understanding

πŸ“± Responsive Design

  • Mobile Optimization - Perfect experience on smartphones
  • Tablet Compatibility - Optimized for tablet devices
  • Desktop Experience - Full-featured desktop interface
  • Cross-Browser Support - Works on all modern browsers

πŸ”’ Security Features

πŸ” Authentication & Authorization

  • JWT Tokens - Secure session management
  • Role-Based Access - Different permissions for different user types
  • Password Hashing - Bcrypt encryption for passwords
  • Token Expiration - Automatic session timeout

πŸ›‘οΈ Data Protection

  • Input Validation - Server-side validation for all inputs
  • SQL Injection Prevention - Parameterized queries
  • XSS Protection - Content Security Policy
  • CSRF Protection - Cross-Site Request Forgery prevention

πŸ’³ Payment Security

  • PCI Compliance - Payment Card Industry standards
  • Encrypted Transactions - End-to-end payment encryption
  • Secure Gateways - Trusted payment processors
  • Fraud Detection - Transaction monitoring

πŸ“Š Performance Metrics

⚑ Speed Optimization

  • Lazy Loading - Images and components load on demand
  • Code Splitting - Smaller bundle sizes for faster loading
  • CDN Delivery - Global content delivery network
  • Caching Strategy - Browser and server-side caching

πŸ“ˆ Scalability

  • Microservices Ready - Modular architecture for scaling
  • Database Optimization - Indexed queries for faster performance
  • Load Balancing - Ready for horizontal scaling
  • Monitoring - Real-time performance monitoring

🀝 Contributing

We welcome contributions from the community! Here's how you can help:

πŸ› Bug Reports

  • Use the GitHub issue tracker
  • Provide detailed reproduction steps
  • Include browser and device information

πŸ’‘ Feature Requests

  • Describe the feature in detail
  • Explain the use case and benefits
  • Consider implementation complexity

πŸ”§ Code Contributions

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Add tests if applicable
  5. Submit a pull request

πŸ“š Documentation

  • Improve README sections
  • Add API documentation
  • Create user guides

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ™ Acknowledgments

  • React.js Team - For the amazing frontend framework
  • Node.js Community - For the robust backend ecosystem
  • MongoDB Team - For the flexible database solution
  • Tailwind CSS - For the utility-first CSS framework
  • All Contributors - For making this project better

Made with ❀️ by Raja Babu Meena

LinkedIn Twitter

Project is done by Raja Babu Meena πŸš€

Revolutionizing healthcare, one appointment at a time πŸ₯

About

RogNivaran

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published