FLATDJANGO-WEEK-3-CHALLENGE Flatiron Movie Theater is open for business! I am building out an application, Flatdango, that allows a user to purchase movie tickets from the theater.
Core Deliverables As a user, I can:
See the first movie's details, including its poster, title, runtime, showtime, and available tickets when the page loads. The number of available tickets will need to be derived by subtracting the number of tickets_sold from the theater's capacity. See a menu of all movies on the left side of the page in the ul#films element when the page loads. (optional: you can style each film in the list by adding the classes film item to each li element.) There is a placeholder li in the ul#films element that is hardcoded in the HTML โ feel free to remove that element by editing the HTML file directly, or use JavaScript to remove the placeholder element before populating the list. Buy a ticket for a movie. After clicking the "Buy Ticket" button, I should see the number of available tickets decreasing on the frontend. I should not be able to buy a ticket if the showing is sold out (if there are 0 tickets available). No persistence is needed for this feature.
N/B THE PICTURE OF THE MOVIE MIGHT TAKE A WHILE TO LOAD,PLEASE WAIT TO LOAD.
REQUIREMENTS Prerequisites node v14.17.4 and above npm 6.14.14 and above Vue 2.6.11
Then install the various packages from package.json npm install Create environment variables
Use this deployed link also from vercel *https://flatdjango-week-3-challenge.vercel.app/
Author: Kariuki Esperance - Initial work - Esperance
Status:
maintained, and is currently in development
Version: v0.1.0
License License: MIT Copyright (c) 2022 ESPERANCE KARIUKI