My goal is to develop a custom concert seat booking system using HTML, CSS, and JavaScript.
For example, if the concert venue has 10 rows with 20 seats in each row, I could organize them like this:
const rows = [
{ name: 'A', seats: [1, 2, 3, 4] },
{ name: 'B', seats: [1, 2, 3, 4, 5, 6, 7, 8] },
{ name: 'C', seats: [1, 2, 3, 4] },
{ name: 'D', seats: [1, 2, 3, 4] },
];
However, what if the concert hall has multiple sections? Would it still follow a similar structure with objects like ConcertHall, Section, Row, and Seat?
Could the layout of a concert hall be represented like this:
{
name: "Concert Hall Name",
sections: [
{
name: "Balcony",
rows: [
{
name: "A",
seats: [1, 2, 3, 4, 5]
}
]
}
]
}
In order for users to book specific seats, perhaps each seat could be its own object. For example:
{
name: "Concert Hall Name",
sections: [
{
name: "Balcony",
rows: [
{
name: "A",
seats: [
{ id: 'some seat id', name: '1' },
{ id: 'another seat id', name: '2' },
]
}
]
}
]
}
And then tickets can be created like this:
{
date: 'some date',
seatId: 'some seat id'
}
Is this approach feasible and scalable to handle large concert halls like the one found at ?