JS-Crud-Operations

Description

• js crud operations made with css bootstrap

• Staff were drawn using api in js

• The data was brought using the get method api.

• The put post and delete methods are arranged by sending a request to the queryed API.

• https://yhekim.github.io/js-crud-operations/

• https://musing-lewin-8c9dc6.netlify.app/

• 

Learning Outcomes

At the end of the this project, students will be able to;

• analyze a problem, create a real website page.

• demonstrate their knowledge of algorithmic design principles.

Problem Statement

• Create a seat_booking page following the design and make the calculation dynamically with using of DOM, Events and Arrays in JS.


User story;

• 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 localStorage so that UI is still populated on refresh

🔥 You don’t need to create a new template for this project, you can use Movie_Seat_Booking_App template for html and css. We will be concerned in javascript side.