Appointment Booking App for Tests with Variable Durations

I'll create an appointment booking app that handles tests with different durations. The app will manage fixed appointment slots and handle cases where tests require multiple adjacent slots.

Key Features of the Appointment Booking App

This appointment booking app is specifically designed for medical tests with variable durations. Here's what it offers:

1. Test Selection with Variable Durations

   • Users can browse and select from a variety of medical tests
   • Each test has its own specific duration (from 15 minutes to 2 hours)
   • Tests are categorized for easy navigation

2. Smart Slot Management

   • Fixed 30-minute appointment slots
   • Automatically reserves multiple adjacent slots for longer tests
   • Prevents booking when required adjacent slots aren't available

3. User-Friendly Interface

   • Clean, modern design with intuitive navigation
   • Calendar view for date selection
   • Time slot grid organized by hour
   • Clear visual indicators for available/unavailable slots

4. Appointment Management

   • View all booked appointments
   • Cancel appointments when needed
   • Confirmation system with appointment details

5. Responsive Design

   • Works seamlessly on mobile, tablet, and desktop devices
   • Adapts layout based on screen size

The app handles the complex logic of matching variable test durations with fixed time slots, providing clear feedback when a test can't fit in the selected slot, and suggesting alternatives. The UI is designed to be attractive and user-friendly with a modern, clean aesthetic.