PlayHub is a web-based game planner for students at LST, designed to manage bookings for foosball, carrom and table tennis between 9:00 AM and 5:30 PM. In the current phase I focused on UX and front-end architecture: • Designed a custom dark, gold‑accented brand with a PlayHub logo and an animated, two‑panel login experience. • Built a responsive login page ready for Google authentication (Firebase Auth planned). • Implemented a dedicated PlayHub booking page where students can: – Select date and game (Foosball / Carrom / Table Tennis) – View a full‑day grid of 30‑minute slots, with clear “available vs booked” states – Pre‑select a slot and feed that into the booking form for a smooth flow. Planned next steps: • Integrate Firebase Authentication and Firestore so bookings are stored centrally and visible to all users. • Add a challenge feature on booked slots (@mention style) with live challenge notifications. • Extend to lightweight chat around each challenge for coordination. Technologies: HTML, CSS, JavaScript, modern responsive layout patterns, with Firebase (Auth + Firestore) as the planned backend.