This project CIS for Dr. Pau Animal Bite Center is a web application developed to accomplish the requirements of the IT 305W - Advance Web Application a group project and i am team leader and developer of the project.
About the Project
The Clinic Information System is designed to solve a common problem for medical clinics: the inefficient and decentralized management of patient records and appointments. This initial version focuses on the core Patient Management Module, which allows patients to register, log in, and book their own appointments online, while also empowering clinic staff to manage walk-in patients and view the daily appointment schedule.
The application utilizes the Create, Read, Update & Delete (CRUD) method for all data operations, with all information securely stored and managed using Firebase services as required by the project specifications.
Key Features
Patient Portal
- Secure Authentication – User registration with email verification and login using Firebase Authentication.
- Personal Dashboard – View profile information and appointment history.
- Appointment Booking – A multi-step form to book new appointments for either a New Bite Incident or a Follow-up/General Consultation.
Staff Portal
- Daily Appointments – A comprehensive dashboard displaying the list of patient appointments for the day.
- Patient Search – Functionality to search for existing patients.
- Walk-in Registration – A dedicated form for staff to register walk-in patients directly.
Technologies Used
This project is built using modern web technologies to ensure a responsive, efficient, and scalable application.
- Front-End Framework: ReactJS (with Functional Components and Hooks)
- Styling: Bootstrap
- Icons: Font Awesome
- Backend as a Service (BaaS): Firebase
- Authentication: Firebase Authentication for user registration and login.
- Database: Firebase Realtime Database to store and manage all application data.
- Storage: Firebase Storage for user profile pictures.
- Hosting: Firebase Hosting for final deployment.
- Google ReCAPTCHA: reCAPTCHA v2 (Checkbox) for client-side anti-bot verification on sensitive forms.
- Email Service: EmailJS for sending email notifications.