Angular Calendar Application

This is a simple calendar application built using Angular, Angular Material, and Angular CDK. The application allows users to manage appointments through a calendar interface.

Features

• Add Appointment Form: Allows users to add new appointments with date and description.
• Delete Appointment: Provides functionality to delete existing appointments.
• Move Appointment: Implements drag-and-drop functionality using Angular CDK to move appointments between dates.
• Calendar View: Renders a monthly, weekly and day calendar view with highlighted dates containing appointments.
• Form Validation: Utilizes Angular forms with validators for ensuring data integrity.

Technologies Used

• Angular: Frontend framework for building single-page applications with Angular CLI version 18.0.3.
• Angular Material: UI component library for Angular applications.
• Angular CDK: Provides tools to implement common interaction patterns (like drag-and-drop).

Usage

• Adding an Appointment: Click on a date to open the add appointment form, fill in the details, and submit.
• Deleting an Appointment: Click on the delete icon next to an appointment to remove it.
• Moving an Appointment: Drag an appointment to another date to reschedule it.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.