Here is our collection of Angular 10 tutorials that show how to use the Angular scheduler, event calendar, and Gantt chart components. All tutorials include an Angular project with TypeScript source code for download so you can test it easily and reuse in your scheduling application.
The tutorials will guide you through the key concepts, configuration options and important implementation details.
Some of the tutorials are standalone (they only include the Angular front end for the sake of simplicity) so you can simply run the project using npm run start
after loading the NPM packages using npm install
. Some tutorials - such as Angular Appointment Calendar Component (TypeScript + PHP/MySQL) - show how to integrate the client-side components with a server side back end. The backend provides a REST API which persists the scheduled data in a database. Usually, the backend is implemented in PHP, but there are also tutorials that use other server-side frameworks, such as ASP.NET Core.
The Angular 10 Scheduler Quick Start Project is a great starting point for your own application. It includes the Angular Scheduler component with minimal configuration and it requires all the required boilerplate.