Logo
Search
Info
Content
Category Navigation
  • Build it with Tim

  • How do I build a booking calendar?

  • How do I build a time tracking module?

  • How do I build a payment system with Stripe?

  • How do I restrict pages from the Live App?

  • How do I build a complex User creation workflow?

  • How do I loop through connected records with Make?

  • How do I find similar records?

  • How do I use OpenAI with my app?

  • How do I build a "Like" system?

  • How do I use iOS shortcuts to send data to my app?

  • How do I use CSS classes with Display Rules?

  • How do I send real-time notifications in my app?

  • How do I save values to Local Storage?

  • How do I validate and compare connected record values?

  • How do I use the barcode scanner?

  • How do I build a proposal or quote generator?

  • How do I embed video calls in Tadabase?

  • How do I use Row Visibility?

  • How do I build a workflow that allows for User Signup and automatic Company creation?

  • How do I build a Company Portal / ERP?

  • How do I build a Pricing Calculator?

  • How to send email notifications from your Tadabase application

  • How do I build a multiple choice test?

  • How do I create dynamic Google Docs from my app data?

  • How do I send User Activation Links?

  • Building Cascading Connections

  • How do I iterate through a Date Range?

  • Generate Tweets and automate your Twitter account using Open AI

  • Custom Image Galleries

  • Password Protected Editing

  • Messages & Replies

  • Cascading Deletes

  • Multi-Tenanted Family Planner

  • Supercharging Form Components with Display Rules and CSS

  • Family Planner (pt. 2) Custom Components

  • Building a Rental Marketplace App

  • Converting date/time to the End-User's time zone

  • How do I hide fields based on User preferences?

  • Tadabase powered moving & packing app

  • BarkTag - Cloning an app found on Instagram with Tadabase

  • External equation processing with Sparklite.io

  • 8 ways to filter data in your Tadabase app

  • Building a Sales Funnel & Pipeline

  • Building an Event Registration app

  • Building your own in-app discount codes for Stripe payments

  • Automate notification emails with Tadabase

  • Build filtered presets to save as custom views

  • Dynamic Status Indicators

  • Mastering Data Table Structure

  • Building Custom Components with ChatGPT

  • Redirect Rules & User Journeys

  • Turning Spreadsheets into Structured Databases with Tadabase

  • Secure Your App with IP Security

  • API Token Authorization and Refreshing the Token in Tadabase

  • Why Speed Of Development Matters

  • Dive Deep into Tadabase's Field Settings

Categories
Build it with Tim
How do I build a booki...

How do I build a booking calendar?

Hey everyone, I'm Tim, and welcome to another episode of Build It with Tim. In this series, I take your suggestions for app ideas and features, and I build them live on the fly. Today, we're working on a booking calendar app. The goal is to create an app that displays available time slots for users to select, and once a slot is chosen, it becomes unavailable to others. We'll also have features like school details, teacher information, and the ability to add new bookings.

To start, we'll focus on the basic structure of the app. We'll have a table for teachers, but since we want them to log in and create their own time slots, we'll store their information in the user's table. Each time slot will be connected to a teacher, indicating that it belongs to them. We'll also add a connection to the school for additional context. The time slots will have a status field indicating whether they're available or not.

Moving to the page builder, we'll create separate pages for schools, teachers (using the user's table), and time slots. Each page will include a table and options to add new records and view more details. We'll use a vertical menu for navigation.

Next, we'll tackle the reservation functionality. Instead of adding reservation fields directly to the time slot, we'll create a separate table called bookings. This table will have connections to the time slot, teacher, and school. We'll include fields for the parent's name, email, and child's name. This structure helps maintain separation and allows parents to create new booking records.

Back in the page builder, we'll place a form component on the time slot details page. This form will be used by parents to submit new booking records. By setting up the form with the appropriate data source, it will automatically be connected to the current time slot. We'll only need fields for the parent's name, email, and child's name on this form.

Finally, we'll make some adjustments to the form by removing unnecessary fields. Since we're already on the time slot details page, we don't need to select the time slot again. Similarly, the school and teacher information will be inferred from the page context. We'll keep only the essential fields for the parent's name, email, and child's name.

That's the overview of what we'll be working on in this episode. Let's get started and build this booking calendar app together!

How did we do ?

Next Article
How do I build a time tracking module?
Back to top
API
100% Operational
Apps
100% Operational
Builder
100% Operational
Overall Status
100% Operational