Hotel Booking Card Component

This is a simple web application displaying hotel booking information in a card format, built as part of the BeastScan Frontend Developer Test Task.

Features

• Displays booking cards with guest name, room type, check-in/out dates, and status.
• Loads booking data from embedded JSON in index.html.
• Allows filtering bookings to show only "confirmed" status using a toggle switch.
• Includes a modal to add new hotel bookings.
• Uses Tailwind CSS for styling and Alpine.js for interactivity.
• Includes subtle transitions and hover effects for a polished feel.

Technology Stack

• HTML
• Tailwind CSS (via CDN)
• Alpine.js (via CDN)

Running the Project

1. Clone or download the repository/files.
2. Simply open the index.html file in your web browser.

No build steps or local server are required as it's a static HTML file using CDNs for dependencies.