Cineplex Movies Seat Selector - v1.0 #4

chaturadissanayake · 2024-09-27T18:51:02Z

chaturadissanayake
Sep 27, 2024
Maintainer

Cinema Seat Layout: Users can select seats from the front, middle, and back sections.
Seat Status Indicators:
- Green: Available Seats
- Orange: Selected Seats
- Red: Unavailable Seats
Total Price Calculation: Real-time price calculation is performed when the user selects or deselects seats.
Responsive Design: Works across devices and screen sizes, ensuring a smooth experience on mobile and desktop.
Background Image: Includes a visually appealing background, providing a cinema-like experience.
Real-Time Seat Selection: Users can click on seats marked as selected, with the price updated accordingly.

Transparent Seat Layout Box: The seat selector box is semi-transparent, allowing the background to show through for a better UI/UX.
Improved Performance: Optimized assets and code for faster load times.
Footer Information: I added a footer displaying copyright details and the designer's contact information.

Screen Text: Adjusted the text to medium weight for better readability.
Background Opacity: Fixed issues with the container background opacity to ensure clarity.
Font Adjustments: Ensured consistent font usage (Roboto) across the app.

Clone the repository:

git clone https://github.com/yourusername/cineplex-seat-selector.git

This discussion was created from the release Cineplex Movies Seat Selector - v1.0.