Seat-map renderer

Theaters have different layouts, and building a fixed screen for each one doesn't scale.

The backend supplies the layout as structured data, and the React app builds the seat map from it. It handles rows, seat categories, availability, empty spaces, gaps and aisles, so every theater uses the same implementation.

Implemented frontend logic for dynamically rendering theater seating layouts from structured layout and seat information supplied by the application backend.

Rather than creating fixed seating interfaces for individual theaters, developed reusable rendering logic capable of interpreting the supplied layout and constructing the appropriate visual seat map.

The implementation handled different seat positions, rows, categories, availability states, empty spaces, gaps, and aisle arrangements, allowing different theater configurations to be represented through the same frontend implementation.

Different theater configurations are shown by one reusable booking interface.