ASP.NET Core Doctor Appointment Scheduling Tutorial (.NET 6)

ASP.NET Core application for doctor appointment scheduling. The application works with three roles: manager (define available appointment slots), patient (request an appointment using one of the available slot) and doctor (manage existing appointments).
React Scheduler: How to Search Events
React Scheduler: How to Search Events
Learn how to search React Scheduler events, highlight the search text and jump between results using Next and Previous buttons.
JavaScript Monthly Calendar: Max Events + Expand Button
JavaScript Monthly Calendar: Max Events + Expand Button
How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.
JavaScript Calendar: Drag All-Day Events to a Specific Time of Day
JavaScript Calendar: Drag All-Day Events to a Specific Time of Day
How to use the native HTML5 drag and drop API to extend the calendar functionality and allow dragging an all-day event to a selected calendar cell.
JavaScript Scheduler: Daily Task Queue
JavaScript Scheduler: Daily Task Queue
How to create a queue of tasks scheduled for a specific day. The exact time of day and resource can be assigned using drag and drop in the next step.
React: Activity Planning System (Node, Express, PostgreSQL)
React: Activity Planning System (Node, Express, PostgreSQL)
Plan activities for multiple areas/departments side by side. Use drag and drop to schedule events and milestones.
Vue Timesheet
Vue Timesheet
Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.
JavaScript Calendar: Custom Drop Target for External Items
JavaScript Calendar: Custom Drop Target for External Items
How to drag items either to the JavaScript Calendar component or to a custom element.
Angular Calendar: Detect Orientation Change (Landscape/Portrait)
Angular Calendar: Detect Orientation Change (Landscape/Portrait)
How to detect mobile device rotation and switch the Angular Calendar view accordingly.
Angular Gantt Chart: Full Screen Layout
Angular Gantt Chart: Full Screen Layout
How to integrate the Angular Gantt chart component into a page with a full-screen layout. Get rid of duplicate vertical scrollbars and fix the time header.
Browse Tutorials by Topic
c# 54x
html5 42x
vb.net 41x
php 34x
react 23x
mysql 23x
jsx 16x
mvc 16x
gantt 16x
month 14x
vuejs 11x
modal 10x
mvc5 8x
java 8x
week 7x
pdf 7x
mvc4 6x
day 5x
css 5x
zoom 4x
undo 4x
ajax 4x
ios 3x
ipad 2x
room 2x
copy 2x
png 2x
aot 1x
cli 1x
json 1x
es6 1x
node 1x
jpeg 1x