Display the hall with the seats of the selected session and do various logic with them

[by-gothic]

Create backend models, routes, and controllers for managing movie sessions. Develop components and various logic for the cinema hall and seats in the selected movie session. Design buttons for selecting the number of tickets and proceeding to the checkout page after choosing seats.

[by-gothic]

Backend

• Creation of the backend model and interfaces for the movie session.
• Controllers and routers for session endpoints (get all sessions, get a session by ID).
• Creation of the model and interfaces for the cinema hall.
• Controllers and routers for hall endpoints (get all halls, create a hall).
• Creation of an endpoint for creating a session.

~6h

[by-gothic]

Frontend

• Creation of the API using RTK Query for movie sessions.
• Displaying sessions in the detailed movie information and styling for seats, the cinema hall, etc.
• Creation of a checkout button.

~4h

[by-gothic]

• Creation of the MovieHall component and refactoring code into it from the session component.
• Creation of an interfaces folder and moving the session and movie interfaces into it.
• Creation of the Seat component and various styling.
• State and buttons for selecting the quantity of seats.
• Implementation of logic to prevent selecting seats that extend beyond the hall boundaries.
• Implementation of logic to prevent selecting seats that are already reserved in the database.
• Ability to drag seats throughout the hall using hover.
• Ability to select seats using the selected class name.
• Informational tag containing details about the seat color.

~9h