DEV Community

Cover image for Seat Selection of a Movie Theater ๐ŸŽฅ

Seat Selection of a Movie Theater ๐ŸŽฅ

In this project I am creating a seat selector UI for a movie theater. We will have a dropdown picker to select a movie, a legend to display if a seat is vacant, selected, or already reserved, a drawing of a theater and also some text to display the number of seats selected by the user and the total cost of the tickets.๐Ÿ‘“

Project Requirements๐Ÿšฉ

  • Select the movie choices and seats in a theater in order to purchase tickets.๐ŸŽซ
  • Display UI with movie select, screen, seats, legend & seat info.๐Ÿ–ฅ๏ธ
  • User can select a movie/price.๐Ÿ’ธ
  • User can select/deselect seats..๐Ÿ’บโœ”๏ธ
  • User can not select occupied seats. ๐Ÿˆฏ
  • Number of seats and price will update.๐Ÿ†•
  • Save seats, movie and price to local storage so that UI is still populated on refresh.๐Ÿ‘€

Source Code ๐Ÿ‘‡

Github โžก๏ธ https://github.com/itsahsanmangal/Tickets-for-Movie-Theater

Deploy ๐Ÿ‘‡

Netlify โžก๏ธ https://stoic-jang-c6ed81.netlify.app/

Top comments (3)

Collapse
 
thomasbnt profile image
Thomas Bnt

Hey ๐Ÿ‘‹๐Ÿผ

This looks like a good post here. Can you share this in full on DEV?

DEV generally asks that folks share their posts in full if possible and there is tooling provided to make it so that it's relatively easy to repost from outside blogs.

Hope you'll consider sharing the full post going forward.

Collapse
 
itsahsanmangal profile image
Ahsan Mangal ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

definatily... can you please guide me properly how to publish ...

Collapse
 
thomasbnt profile image
Thomas Bnt

Hello!
Do you have any code examples and images? It would be better to add some in your post, we know what you are talking about ๐Ÿ˜„