Movie Reservation

This is a movie seat booking project with price calculation using browser local storage. You can select the available seats for watching a movie and get the total price to be paid. This project is deployed live at https://movie-seat-reservation.netlify.app/

Project Specifications-

• Displays interface having seat distribution of available/occupied seats.
• User can select/deselect seats for a movie and get the total price.
• User can not select the seats already occupied.
• Selected seats and total price gets updated automatically.
• Data of occupied and selected seats for the movie and its price are stored in local storage which does not get erased on page refresh.
• Data of occupied and selected seats for the movie and its price is deleted permanently on erasing the local cache memory of the page.

Demo

Technologies Used

Google Lighthouse webpage perfomance report

The full report can be accessed at https://drive.google.com/file/d/19-b5x_gjW9sJvX-KBO3_JvmMEPcbOvBn/view?usp=sharing

Lessons Learned

• Using browser local cache storage.
• Learned accessing Document Object Model (DOM).

Authors

@mayankdrvr

Deployment

To deploy this project on https://netlify.com, simply login to your netlify account and go to https://app.netlify.com/drop and simply drag and drop the folder containing .html, .css & .js files in the section "Drag and drop your site output folder here".

License

MIT

Run on Local System

• Clone the project

  git clone https://github.com/mayankdrvr/form_checker.git

• Open the project in VS Code.

• Right click on index.html and run Live Server to open the project locally in you rdefault browser.