How to Build a Clinic Management App Using NotionApps in 2025(Step-by-Step)

Step 1: Create a New App

1. Start by logging into NotionApps.

2. Click on Create New App to begin.

3. Select the Notion databases you want to include and hit Build App.

1. Doctors: A dedicated screen to list all doctors, their specializations, availability, and contact details in one place.

2. Lab Tests: A structured view of all available lab tests, including test details, pricing, and related information for easy reference.

3. Book an Appointment: An interactive screen that allows users to book appointments by selecting a doctor, date, and preferred time slot.

4. Testimonials: A simple section to showcase patient feedback and reviews, helping build trust and credibility.

5. About Us: An informational page that highlights the clinic’s background, values, and key information for visitors.

Step 2: Set App Identity in Settings

1. Open Settings in the app.

2. Rename the app, pick an icon, and update any other identity details.
A clear name & icon help your team recognize the app at a glance.

Step 3: Remove Old Screens

Step 4: Build the Doctors Screen

1. Create a new screen:
• Click on New Screen → Select Doctors Database → List (View Items) → Done
• Name the Screen → Doctors

2. Style Settings:
• View Type → Grid
• Grid Column Size → Small
• Image Fill → Fill (Only accessible post selecting image file under Data Settings)
• Grid Image Style → Square

3. Data Settings:
• Title → Name
• Description → Qualifications
• Caption → Ratings
• Image → Photo

4. Behaviour Settings:
• Click on Go to Screen, this opens a new screen which allows users to View additional details about each doctor.
• Rename the Screen as Consult Doctor
• Delete all existing Logics and add the following:
• View Name → Heading
Expand the View Name box and change Subheading → Specialization, Caption → Ratings and Chose Photo from the drop down for Image
• View Qualifications → Text
• View Years of Experience → Text
• View Working Days → Text
• View Available Time → Text
• View Appointment Fees → Text
• View Email → Contact Card
• View Testimonials → Text
• View Appointment Link → Button
Expand this option to add actions;
Under Action : On Click → Open Link & View Property → Book an Appointment
Under Style : Title → Book an Appointment & Color → Dark



Once that is done go back to the previous Doctors screen

5. Sorting Property : This ensures the highest-rated doctors appear first, making it easier for users to quickly discover the best-reviewed options.
• Sort By → Ratings
• Order → (Z-A)

6. In-App Filtering : Helps users find the right doctor instantly by filtering based on time, ratings, specialization, and fees.
• Add the following filter properties according to the Image:

Step 4: Build the Lab Tests Screen

1. Create a new screen:
• Click on New Screen → Select Lab Tests Database → List (View Items) → Done
• Name the Screen → Lab Tests

2. Style Settings:
• View Type → Grid
• Grid Column Size → Small
• Image Fill → Fill
• Grid Image Style → Rectangle (Horizontal)

3. Data Settings:
• Title → Name
• Description → Test Category
• Caption → Price
• Image → Image

4. Behaviour Settings:
• Click on Go to Screen, this opens a new screen which allows users to view additional details about each lab test.
• Rename the Screen as Test Details
• Delete all existing Logics and add the following:
• View Name → Heading
Expand the View Name box and change Subheading → Test Category and Chose Images from the drop down for Image
• View Sample Type → Text
• View Fasting Required → Text
• View Description → Text
• View Price → Text
• View Estimated reports → Text
• View Book A Test → Button
Expand this option to add actions;
Under Action : On Click → Open Link & View Property → Book a Test
Under Style : Title → Book a Test & Color → Dark

5. In-App Filtering : lets users quickly find lab tests based on test type, cost, or availability without scrolling through long lists.
Set Filter Column → Test Category & Filter Name → Test Category

Step 5: Build the About Us Screen

1. Create a new screen:
• Click on New Screen → Select About Us Database →Details (View One Item) → Done
• Name the Screen → About Us

2. Delete all existing Logics and add the following:
• View Company Name → Heading
Expand the View Name box and Chose Photos from the drop down for Image & set Image Style → Rectangle (Horizontal)
• View Description → Text
• View Email → Contact Card
Expand the View Email box and set Email → Email & Phone Number → Phone
Under Style, set Label → Contact Us
• View Working Days→ Text
• View Timings → Text
• View Address → Address Viewer
• View Video → Video Viewer

Step 6: The Book an Appointment Screen

1. Create a new screen:
• Click on New Screen → Select Booking Requests Database →Details (View One Item) → Done
• Name the Screen → Book an Appointment

2. Delete all existing Logics and add the following:
• Label → Under Label you can write - “Hey there! We've got some great news for you - scheduling an appointment with us is now super easy! All you have to do is select a date and time that works for you, and we'll do the rest.”
• View Images → Photo Viewer
• View Booking Link → Button
Expand this option to add actions;
Under Action : On Click → Open Link & View Property → Booking Link
Under Style : Title → Book Now & Color → Dark

Step 7: The Testimonials Screen

1. Create a new screen:
• Click on New Screen → Select Testimonials Database → List (View Items) → Done
• Name the Screen → Testimonials

2. Style Settings:
• View Type → List
• Image Fill → Fill
• Image Style → Large

3. Data Settings:
• Title → Written By
• Caption → Referred Doctor
• Image → Photo

1. Behaviour Settings:
• Turn on the Allow Search toggle, this lets users quickly find specific testimonials without scrolling through the entire list.
• Click on Go to Screen, this opens a new screen which allows users to view additional details about each lab test.
• Rename the Screen as Test Details
• Delete all existing Logics and add the following:
• View Written By → Heading
Expand the View Written By box and Chose Photo from the drop down for Image & set Image Style → Rectangle (Horizontal)
• View Referred Doctor → Text
• View Description → Text

Step 8: Update Navigation

1. Go to Edit Navigation and rename your tabs to match your app’s flow.

2. Update icons for a more intuitive interface.

Step 9: Publish and Share Your App

Conclusion: A Simple, Scalable Clinic App Built with NotionApps

💡Pro Tip: NotionApps already offers a ready-to-use Clinic Management template that you can customize to fit your needs, along with many other templates designed for different use cases.
You can access all templates through this link🔗

Build apps from Notion databases

Try for free →

FAQs