Facility Reservations Portal

Overview

This project is a modern, responsive web-based portal for managing facility reservations at Koç University. It is built using static HTML and Tailwind CSS for rapid UI development and mobile-friendly layouts.

Features

• Search and reserve facilities
• View and manage bookings
• Student availability tracking
• Power BI report integration
• Consistent, mobile-responsive sidebar navigation
• Modern card layouts for facility information

Folder Structure

facility-reservation/
├── index.html
├── search-reserve.html
├── booking-details.html
├── my-reservations.html
├── manage-reservations.html
├── student-availability.html
├── powerbi-dashboard.html
├── powerbi-reports.html

• Each .html file represents a major page or workflow in the portal.
• There are no subfolders; all files are at the root for simplicity.

Key Pages

• index.html: Main dashboard and navigation entry point
• search-reserve.html: Search and reserve facilities
• booking-details.html: Detailed booking information
• my-reservations.html: View your reservations
• manage-reservations.html: Admin view to manage all reservations
• student-availability.html: Check student availability
• powerbi-dashboard.html: Power BI dashboard view
• powerbi-reports.html: Embedded Power BI analytics

Technologies Used

• HTML5
• Tailwind CSS (via CDN)
• SVG icons for UI
• No backend or JavaScript frameworks required

Customization & Extending

• To add new pages, duplicate an existing .html file and update the content as needed.
• Sidebar navigation is consistent across all pages for easy navigation.
• All styles are handled via Tailwind utility classes and a small amount of custom CSS in each file.

Usage

Open any .html file in your browser. No build step or server is required.

Authors

• KU Campus IT Team

License

MIT License