This project is a React-based application for booking seats in a theater. It allows users to visualize the seating arrangement, select seats, and make bookings. Additionally, it includes features for persistence using localStorage and a simple login system.
- Visualize theater seating arrangement.
- Select and deselect seats.
- Book seats for a user.
- Persistence using localStorage.
- Simple login system.
To run this project locally, follow these steps:
- Clone this repository.
- Navigate to the project directory.
- Run
npm install
to install dependencies. - Run
npm start
to start the development server. - Open your web browser and go to
http://localhost:3000
to view the application.
- React
- HTML/CSS
- JavaScript
|-- public
| |-- index.html
|-- src
| |-- components
| | |-- App.js
| | |-- SeatingArrangement.js
| | |-- Seat.js
| | |-- BookingForm.js
| | |-- LoginForm.js
| |-- App.css
| |-- index.js
|-- README.md
|-- package.json
|-- .gitignore
- Upon opening the application, users are prompted to log in with their username.
- After logging in, users can visualize the seating arrangement and select seats by clicking on them.
- Users can adjust the number of tickets they want to book using the dropdown menu in the booking form.
- Once the desired seats and number of tickets are selected, users can submit the booking form.
- Booked seats will be displayed as selected and will persist across page reloads.
This project is licensed under the MIT License - see the LICENSE file for details.