Back to Projects
DocCare - Doctor Appointment Website

DocCare - Doctor Appointment Website

Jan 2025 – Feb 2025
Live

About the Project

DocCare is a MERN stack web application designed to streamline the process of booking doctor appointments. The platform offers an intuitive interface for patients, doctors, and administrators, ensuring a seamless experience. With integrated Razorpay and Stripe payment gateways, users can make secure transactions for their appointments.

Technical Architecture

Frontend (Web)React.js, Tailwind CSS, Redux Toolkit, Workbox
Mobile ClientReact Native, React Navigation, Redux Toolkit
Backend RuntimeNode.js (Express.js) REST API
Database LayerMongoDB + Mongoose ODM
Admin PanelReact Admin Intelligence
Payment StackRazorpay & Stripe (Webhooks)

Core Features Breakdown

Healthcare Ecosystem

  • Omni-Channel Access: High-performance React web app and native mobile client
  • PWA Intelligence: Installable web app with offline access and background sync
  • Real-time Booking: Seamless appointment scheduling with direct doctor availability
  • Advanced Discovery: specialization and location-based filtering for healthcare providers

Management & Control

  • Doctor Dashboard: Dedicated interface for schedule management and patient tracking
  • Admin Command Center: React Admin-powered panel to manage users and practitioners
  • Financial Layer: Dual-gateway support via Razorpay and Stripe for medical payments
  • Role-Based Access: RBAC system ensuring data privacy for patients and doctors

Durable Infrastructure

  • State Persistence: Redux Toolkit for unified state management across platforms
  • Low-Network Resilience: Workbox-powered caching for PWA performance
  • Encrypted Communication: Secure TLS-wrapped API requests with JWT sessions

Challenges & Solutions

Challenge

Ensuring critical appointment data remains accessible in hospital dead-zones

Solution

Deployed Workbox service workers to intelligently cache API responses, creating a highly reliable Progressive Web Application (PWA).

Challenge

Orchestrating complex role-based access for Patients, Doctors, and Administrators within the same ecosystem

Solution

Architected a granular JWT middleware system mapping directly to custom Redux slices for secure UI encapsulation.

Security Posture

Access Integrity

Secure JWT-based authentication with Bcrypt hashing

Network Safety

Environment key isolation and encrypted endpoint communication

Resilient Data

Background synchronization for persistent healthcare requests

Live DemoSource Code

Tech Stack

MongoDB
Express.js
React
Node.js
Razorpay
Stripe

Performance

PWA ActiveOffline Ready
Stripe/RazPayments
React AdminAdmin Tool
EncryptedMedical Data

System Status

Availability99.9%
Deployment
CI/CD

"Built for scale and professional-grade security."

Interested in this project?

Let's discuss how we can build something amazing together based on this architecture.

Talk to Me