Administrator CMS

Two fish are in a tank. The first fish asks the second “Do you know how to drive this thing?”

Features

Manual Data Entry

Because this project is an extension of an originally paper-based work, the CMS includes a way to enter data without using the Client system. Here, administrators can manually reserve services, and register pets and users as well.

Pet and Users List

Administrators have the capability to access and review pet and user data within the database. They can search for specific entries, apply filters to refine the results, or display all data in segmented batches for easier navigation and analysis.

Reservations History

Same functions as the preceding feature. Additionally, administrators have the authority to update the status of a reservation, such as marking an entry as checked-out. They can also provide status updates, which are reflected on the client’s end. For enhanced documentation and transparency, pictures can be attached to a reservation entry, typically used to record the visual condition of a pet prior to the commencement of a service.

Billing

Administrators have the capability to create bills for one or more services availed by a user. They can also attach bill-less reservations to an existing bill to streamline the billing process. Furthermore, the billing history can be efficiently managed through search and filter options, allowing administrators to easily access and review past transactions.

CMS

Administrators have the authority to manage key data visible to the Client, including room details, pricing, and service availability. Additionally, they can oversee administrator roles and account settings, ensuring appropriate access and control within the system.

Vet Page

Room reservations require approval from a veterinarian to ensure the pet’s suitability for the facility. Veterinarians can review pending reservations, assess factors such as the pet's condition through provided images, and verify vaccination status before confirming the reservation.

Data Visualization

Administrators can generate charts and download data.

Security

Each account is assigned specific roles and user permissions that dictate their access to various pages and the actions they are permitted to perform within the system. This ensures a secure and organized management of functionalities based on user responsibilities.

Work Done

Interview

  • Collaborated with the manager of Health and Safety Division to gather requirements and ensure system met business needs.

Development

  • Designed database schema and created entity-relationship chart to ensure efficient data storage and relationships.

  • Created frontend code and tested it thoroughly to ensure user-friendly interface and seamless integration with backend.

  • Integrated frontend to the backend APIs and performed testing to ensure functions are working properly.

  • Produced comprehensive documentation to facilitate future development and integration.

Deployment

  • Configured settings for DNS, hosting, and primary server, and deployed a production environment of the system.

Support

  • Provided training and support to operators to ensure successful adoption and usage of the system.

Maintenance

  • Addressed bugs and rolled out updates and feature requests to enhance functionality and performance.

Tech Stack

Vue.js Quasar GitHub Vite NPM

  • Apexcharts - chart display

  • Lottie - animations

  • Pinia - data management

  • Axios - API communication

Screenshots

Login page
Manual data entry
Development screenshot of the pet page
Manual room reservation
Billing page
Development screenshot of settings management
Role management

Last updated