Skip to content

v1.0

Latest
Compare
Choose a tag to compare
@chaturadissanayake chaturadissanayake released this 27 Sep 18:51
· 10 commits to main since this release
0d8887b

🎬 Cineplex Movies Seat Selector - v1.0

🎉 New Features

  • 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.

🛠️ Enhancements

  • 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.

🐛 Bug Fixes

  • 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.

🔧 Installation Instructions

  1. Clone the repository:
    git clone https://github.com/yourusername/cineplex-seat-selector.git