Need to create a booking system

Wappler General Need Help
1

Just brain storming here.
I need to create a booking system, now I can see how to add the events in the calendar, but instead of the events showing I want the available slots showing, for example:

Monday
10am Available - This would be able to be clicked on and booked.
11am Booked - No click on this
12pm Available - This would be able to be clicked on and booked.

etc etc

Does anyone have any idea where to start on this?

2

You’ll need to look in to the hiddenDays variable @gunnery, can’t say I know how to hide times within those days, may need some customisation there.

https://fullcalendar.io/docs/hiddenDays

Not sure how this could be implemented in Wapplers current configuration to be honest? Am sure someone will have an idea though.

3

Depending on what you are wanting to achieve in the long run, you may want to look at some simple and complex booking systems rather, list from simplest to most complex / feature rich.

Bookeo
Activitar
Nightsbridge
Zaui
Site Minder / Booking Button
Fareharbor
Rezdy

Obviously there are many other, but these are the ones I have worked with pretty extensively.

4

Here is what I did in the past.

  1. Create a reservation slots table in your db.
  2. You need at least these columns: slot_id, slot year, slot_day, slot_time, is_available(Boolean), reserved_by_id
  3. Then you will configure your UI let user set availability for each day or month.
  4. Populate the table with availability list.
  5. Customer is now able to list slots that are available for that day.
  6. when slot is reserved, mark its availability as false and update the the row with reservation id.

This would let you set available schedule and slot length of time.

2 Likes