CABA Clinic Appointment Booking Application

Appointment booking involves more than selecting a doctor and submitting a form. Patients need to understand who is available, doctors need control over their schedules, and receptionists need a practical way to oversee appointments and clinic information.

These users also have different responsibilities, so the application needed to keep their actions clearly separated while still connecting them through the same booking process.

The bilingual interface added another consideration, with English and Arabic requiring appropriate layout direction and presentation across the application.

• CABA was built as a server-rendered PHP application using Twig for templates and MySQL for application data.
• The interface is organized around three user roles. Patients have access to doctor profiles and appointment-related screens, doctors have dedicated profile and working-day controls, and receptionists have additional administration screens.
• JavaScript, jQuery, and AJAX are used for interactions where content or forms need to update without a full page reload. Shared Twig templates and frontend styles are used across the application to keep the interface consistent.
• English and Arabic are supported through language-specific content and RTL styling, allowing the same application to serve both language experiences.

• CABA demonstrates a connected appointment-booking workflow rather than a collection of unrelated screens.
• Patients can move from discovering a doctor to requesting and reviewing appointments. Doctors have their own area for managing profile information, availability, and appointment-related actions, while receptionists can access broader management functionality.
• Role-based access keeps these responsibilities separated within the same application and provides a clearer experience for each type of user.
• The project also brings English and Arabic into the same interface, including RTL presentation for Arabic, without requiring separate versions of the application.
• From a development perspective, reusable templates and shared application logic provide a consistent foundation across the different sections of the website.