Overview
A ticket-booking front-end for a luxury cinema with IMAX, Dolby Atmos and recliner seating. Browse the listings, open a film for the full detail, and book online.
Pages and images are lazy-loaded and the routes are code-split, so the first screen does not carry the whole application. Semantic markup, Open Graph tags, keyboard navigation and ARIA attributes are part of the build rather than a pass afterwards.
What it does
- Movie browsing and detail pages
- Online ticket booking
- Lazy-loaded routes and images
- SEO with meta tags and Open Graph
- Keyboard navigation, alt text and ARIA attributes
- Responsive across mobile, tablet and desktop
Built with
- Framework
- React
- Vite
- React Router
- UI
- Tailwind CSS
- Framer Motion
- State
- Redux Toolkit
- TanStack Query
- Context API
- API
- Axios
Next project
M3aarf Mission
Drag-and-drop task management dashboard