Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daniela-ghenu/movie-watchlist
A simple web app for searching movies using the OMDB API and managing watchlist. Users can add movies, view details, and manage their watchlist, with data saved in the browser's local storage.
https://github.com/daniela-ghenu/movie-watchlist
handlebars movie watchlist-page
Last synced: 3 months ago
JSON representation
A simple web app for searching movies using the OMDB API and managing watchlist. Users can add movies, view details, and manage their watchlist, with data saved in the browser's local storage.
- Host: GitHub
- URL: https://github.com/daniela-ghenu/movie-watchlist
- Owner: daniela-ghenu
- Created: 2024-03-30T14:21:50.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T19:28:26.000Z (6 months ago)
- Last Synced: 2024-10-01T07:04:24.038Z (4 months ago)
- Topics: handlebars, movie, watchlist-page
- Language: SCSS
- Homepage: https://movie-watchlist-nine-bice.vercel.app
- Size: 3.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Watchlist 📽️
Movie Watchlist is a simple web application that allows users to search for movies and manage watchlist.
Users can search for movies by title, view detailed information about them, and add or remove them to or from their watchlist.
The watchlist is stored in local storage, allowing users to manage it even after closing the browser.![Search Page with movies](public/images/project-screenshots/screencapture-movies.png)
## Table of Contents
- [Features](#features)
- [Technologies](#technologies)
- [Installation](#installation)
- [Usage](#usage)
- [Development](#development)
- [License](#license)## Features
- Search movies by title using the OMDB API.
- View detailed information about selected movies.
- Add movies to a watchlist.
- View and manage the watchlist stored in local storage.
- Remove individual movies or clear the entire watchlist.## Technologies
- HTML
- SCSS
- JavaScript
- Handlebars
- Vite## Installation
1. Clone the repository:
```sh
git clone https://github.com/daniela-ghenu/movie-watchlist.git
```
2. Navigate to the project directory:
```sh
cd movie-watchlist
```
3. Install the dependencies:
```sh
npm install
```## Usage
- Start the development server:
```sh
npm run dev
```
- Build the project for production:
```sh
npm run build
```
- Preview the production build:
```sh
npm run preview
```
## License
This project is licensed under the MIT License.