I run a small hotel and want guests to see—at a glance—exactly which rooms are still free. The task is to build a simple, public-facing web component that focuses solely on real-time room availability. No booking engine, payments, or review features are needed right now; the entire effort is concentrated on a responsive calendar view that stays in sync with our property-management feed without manual intervention. Key deliverables • A clean, month-by-month calendar (desktop, tablet, mobile) that colour-codes Available, Booked and Tentative days and lets visitors page forward or backward smoothly. • Live data refresh: pull availability from our existing JSON/iCal endpoint on an automatic interval or through web-socket style events so the information never goes stale. • Lightweight date picker that jumps the user directly to their chosen month. • Modular codebase (React, Vue, vanilla JS, or similar) that can later be embedded in WordPress or served as a standalone page; keep styling in a separate file for quick theming. • Deployment to our cPanel server plus a concise README covering environment variables, build steps and how to point the script at a different feed. Acceptance criteria 1. When a room status changes in the PMS, the public calendar reflects the update in under 60 seconds without a page reload. 2. Calendar renders without horizontal scrolling on screens from 320 px to 1440 px. 3. Google Lighthouse performance score of 90 or above on mobile. That’s the full scope for now—just a snappy, always-accurate availability calendar that guests can trust.