lunardo cinema
a responsive cinema booking website built with php, html/css, and javascript featuring movie listings, dynamic pricing, and seat management
A responsive cinema booking website for Lunardo Cinema. Visitors can browse current movie listings, view show times, and book tickets through a dynamic pricing system with seat type selection and weekday discounts.
key features
- Responsive design (mobile, tablet, desktop)
- Movie listings with show times and descriptions
- Interactive movie cards with hover and tap interactions
- Dual seat types (standard and first-class recliners)
- Dynamic pricing with weekday and Monday discounts
- Age-based pricing (adult, concession, child)
- Booking form with movie selection
- PHP-modularised components (header, footer, price table)
tech stack
# frontend
php | html5 | css3 | javascript# styling
responsive css (mobile, tablet, desktop) | font awesome iconshighlights
Homepage with movie showcase, booking form, and cinema details.
booking form page
Building Lunardo Cinema was my first time doing responsive design properly. Writing three separate stylesheets for mobile, tablet, and desktop forced a methodical approach, mobile first, then layering complexity up. It made the relationship between breakpoints click in a way that reading about it never did.
Using PHP to modularise the site into reusable components was an early introduction to the idea of keeping things DRY. Helper functions like priceTableModule() and movieModule() kept the codebase manageable and gave me a feel for template-driven development before I’d ever touched a proper framework.