Customer Use

Navigation Bar

The side navigation bar located on the left-side displays the different pages available to the customer: the "Overview" page, the "My Account" page, the "Book Appointment" page, the "Payment/E-transfer" page and the "Log Out" option.

Sign Up Page

This page is designed for customer use only because new mechanic accounts are created by the administrator. A customer can create an account by filling out their information and clicking the "Sign Up" button.

Overview Page

The Overview page allows the customer to see each of their appointments along with its relevant information; that is, the service, the car, the status of the appointment, the start time and the mechanic. The customer also has the option of deleting their appointment by clicking the delete button in the "Actions" section.

My Account Page

The My Account page allows the customer to view and edit the information of their profile. If they wish to edit their information, they just need to click on the "Edit Profile" button, where they will be presented with a pop up to modify any information they want.

Note about field constraints:

• The "Name" field can be any string (any sequence of characters).
• The "Address" field can be any string (any sequence of characters).
• The "Phone" field must be an integer (whole number).
• The "Password" field can be any string (any sequence of characters).
• The "Credit" field must be an integer (whole number).
• The "Debit" field must be an integer (whole number).

Book Appointment Page

The book appointment allows the customer to book an appointment by selecting a date, time, service, car, mechanic and note. If they have not added a car yet, they can also add a car by clicking the yellow "+" icon next to the Car label.

Note about field constraints:

• The "Car" field must be one of the following: "Sedan", "Coupe", "Sports", "Hatchback", "Minivan", "StationWagon", "Convertible", "Truck", "SUV" or "Other"
• The "Winter Tires" field must hold either the value "true" or "false".
• The "Number of Kilometres" field must be an integer (whole number).

Payment/E-Transfer Page

The payment page displays their billing information and allows the customer to make a payment. If they wish to modify this information, they can visit the "My Account" page to edit their profile. Using the credit-debit toggle will allow them to select which method of payment they prefer.

Note about field constraints:

• The "Amount" field must be an integer (whole number).

Log Out

Selecting the log out option will immediately log the customer out, returning them to the landing page.