DEV Community

Doug Black
Doug Black

Posted on

[Entry] Appointment Scheduler

What I built

This scheduler allows you to create appointments to be scheduled in different rooms. You can create rooms, create appointments to be added directly to the scheduler, move appointments between rooms and time slots on the scheduler, schedule appointments without a time to be added later (drag and drop them on).

The scheduler uses sockets to communicate with others on the schedule, so that appointments time slots lock out when you are scheduling there, or when you are editing an appointment.

Demo Link

Project currently lives here: Scheduler:

Note: This app is made for desktop viewing.

Link to Code


How I built it (what's the stack? did I run into issues or discover something new along the way?)


fullcalendar Scheduler
Digital Ocean for hosting


There were two challenges.

The first was locking the time slots on the calendar, which have no backend model created for it. In order to show someone across the ocean that the time slot is being edited, and to avoid overlap, I used Redis to create a key that specifically targets that slot on that day for those times for that particular resource.

The second, and possibly more challenging, was dealing with time zones. When I had tried this in the past, I relied heavily on the browser to deal with time. But if someone was halfway around the world, the time slots would get all borky. Therefore, I throw pretty much everything at the server in order to deal with timing.

Additional Resources/Info

Here's my random dump of thoughts:

  1. Pusher made this a thousand times easier.
  2. Though I love my friends around the world, if y'all could move to Eastern Standard time, I would appreciate it.
  3. I created this because scheduling is hard. I'm grateful for the already created things that made this possible. Please steal my code and make it better.
  4. Thank you to for being a positive community and for making this all possible!

Top comments (8)

cristiannebunu profile image
Cristian N • Edited

I'm working on an app right now and I kept thinking how I would implement this functionality :) Now I have a good point to start. Will try to see if I can make it work with, though. Also, why the light grey text on white bg (on the scheduler subdomain), it's killing me

dougblackjr profile image
Doug Black

So glad, I hope it helps!

I used the out-of-the-box UI in Laravel, didn't do too much front end. My eye for design is garbage! LOL

aliseivani profile image

I've been looking for a fullcalendar scheduling solution for vue and this seems to be the perfect example. Unfortunately your demo does not work anymore but video demonstrates the process. Thank you for useful article. Keep up the good work!

dougblackjr profile image
Doug Black

Thanks for letting me know about it being down. I'll be taking a look at that, will let you know when it's up (probably in a few days)

himanshuc3 profile image

this is very similar to my idea...almost all components but better. Now I feel sad:(

dougblackjr profile image
Doug Black

Hey! Do your idea! Take this and improve on it if you like! Let me know how I can help

saviobosco profile image

Awesome application

mehraas profile image
Ashish Mehra • Edited

Wow ! Awesome application.