This is a simple movie library application built using HTML, Bootstrap, and JavaScript. The application allows users to add, edit, and delete movies from a list. This project utilizes JavaScript prototypes for defining the structure and behavior of the movie library.
- Add Movies: Add new movies to the library by filling out the form.
- Edit Movies: Edit the details of existing movies.
- Delete Movies: Remove movies from the library.
- Filter Movies: Filter movies by genre (All, Comedy, Action, Science Fiction).
- HTML
- CSS
- Bootstrap
- JavaScript (with prototype-based object-oriented programming)
- index.html: The main HTML file that contains the structure of the web page.
- app.js: Initializes the application and handles events.
- movie.js: Defines the
Movieconstructor function using prototypes. - movieList.js: Defines the
MovieListconstructor function and its prototype methods for managing the movie list. - ui.js: Defines the
UIconstructor function and its prototype methods for interacting with the user interface.
To get started with the project, follow these steps:
- Clone the repository
- Open the project:
Open the
index.htmlfile in your preferred web browser.
The Movie constructor function is defined in movie.js
The MovieList constructor function and its prototype methods are defined in movieList.js
The UI constructor function and its prototype methods are defined in ui.js
The movie list is persisted using local storage. When the page loads, the movie list is fetched from local storage (if available)