MediCare Clinic: A Web-Based Clinic Appointment Booking System

Appointment management in small clinics and medical centres remains a largely manual process in India, relying on paper registers, telephone bookings, and in-person walk-ins. This approach leads to scheduling conflicts, double bookings, lack of real-time visibility for doctors, and poor patient experience. This paper presents "MediCare Clinic," a web-based clinic appointment booking system that digitizes the complete appointment lifecycle for small healthcare facilities.

The proposed system implements a role-based single-page web application supporting three distinct user roles: Admin, Doctor, and Patient. The Admin manages doctors and patients and oversees all appointments. Doctors view and manage their personal appointment schedules. Patients self-register, browse available doctors, select available time slots, and book appointments instantly. A real-time slot-blocking mechanism prevents double bookings by dynamically disabling already-booked slots.

The system is implemented entirely using HTML5, CSS3, and JavaScript as a self-contained single-page application requiring no backend server, no database installation, and no internet connection for core functionality. Experimental evaluation across ten test cases demonstrates 100% correctness in role-based access control, appointment booking, double-booking prevention, and status management workflows. The system demonstrates that production-quality multi-role healthcare web applications can be developed using standard web technologies without frameworks or cloud dependencies