Project 01
18S Music Studio
A front-end web app for booking rehearsal-studio rooms — clean UI with calendar views and live availability checks.
0Room Slots
0Calendar Views
0Responsive
0Booking Flow
Studio booking experience
Live availability
Mobile responsive interface
Clean booking flow
What it does
01
Room Booking
Browse rehearsal rooms by date/time with real-time availability. Prevents double-bookings and shows open slots instantly.
Real-time sync02
Calendar Views
Monthly & weekly layouts with room-type filters. Spot scheduling gaps at a glance.
Drag-to-book03
Live Availability
Status badges update without refresh — green for open, red for booked, yellow for pending.
WebSocket-ready04
Responsive UI
Mobile-first design. Book rooms between sessions from any device.
Touch-optimized05
Clean Interface
Zero-clutter booking flow. Only essential info — no ads, no upsells.
Focus mode06
Front-end Architecture
Next.js App Router, React components, TypeScript, Tailwind CSS, and GSAP-powered interactions.
Interactive buildTools
Next.jsTypeScriptTailwind CSSmaintenance