Appointment System

This project was generated with Angular CLI version 6.0.3.

To run

• Download all the files.
• Run npm install in Terminal.
• Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Functionalities

Please referencce screenshots for further information in Screenhots folder.

• Creat new appointment

1. Click "NEW" button to show input fields for creating new appointment.
2. Pick date/time and input description to creat new appointment.
3. Click "ADD" button to confirm new appointment creation.
4. Click "CANCEL" button to cancel new appointment creation and hide input fields for creating new appointment.
5. Date picker with built in validation implemented.
6. Input not empty validation implemented.

• Search appointment

1. Input any keyword and click "SEARCH" button to search hitted appointments.
2. Show all appointments when no keyword set and "SEARCH" button clicked.

• Cancel existed appointment.

1. Click "CANCEL" button at each appointment line to cancel existed appointment without reloading the page.