The focus of these tutorials is on crafting the user interface, which comprises a scheduling grid. Resources (like apartments, cabins, tables, conference rooms, tennis courts, etc.) are displayed on the vertical axis, while the timeline is shown on the horizontal axis. The granularity of the timeline depends on specific requirements: days for accommodations and hours for related amenities.
Reservations can be created and updated via drag and drop. These reservations display details such as price, customer contact information, and more directly in the UI. Additionally, color coding is used to indicate the reservation status.
Each tutorial comes with a downloadable project containing its source code. You can use these projects to experiment with the Scheduler's features. They can also serve as a starting point for implementing your own application.
Dec 2, 2023
Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.
Nov 30, 2023
Oct 29, 2023
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Jun 15, 2021
ASP.NET web application for managing hotel room reservations using drag and drop. Includes sample code in C# and VB. SQL Server database.
Jun 10, 2021
Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample MySQL/SQLite database.
Jun 8, 2021
PHP application that lets you record restaurant table reservations and find a free table using a visual user interface. With MySQL database storage.
May 13, 2021
ASP.NET web application project for managing restaurant table reservations. Finds a free table using a fast filter. Highlights conflicting reservations.
Feb 6, 2021
How to create an AngularJS hotel room booking application using AngularJS scheduler plugin. Includes PHP backend (SQLite, MySQL).
Jun 27, 2017
Articles 1-9 of 9