Movie Library Web Application

This is a web application for managing a movie library. Users can sign up, log in, search for movies using the OMDB API, and create lists of their favorite movies. These lists can be either public or private.

Features

User Authentication: Users can sign up and log in to the application.
Movie Search: Users can search for movies using the OMDB API.
Movie Lists: Users can create and manage lists of movies. Lists can be made public or private.
Responsive Design: The application has a responsive design for an optimal user experience on different devices.

Technologies Used

HTML
CSS
JavaScript (ES6)
OMDB API

Project Structure

movie-library/
│
├── index.html
├── login.html
├── signup.html
├── home.html
│
├── css/
│   └── styles.css
│
├── js/
│   ├── main.js
│   ├── auth.js
│   ├── api.js
│   └── list.js
│
└── README.md

Setup Instructions

Clone the repository:

git clone https://github.com/SearingShot/fasal-SDE-intern-assignment.git

Navigate to the project directory:
```
cd fasal-SDE-intern-assignment
```
Open index.html in your web browser:

You can open the index.html file directly in your browser or use a local web server for a better experience. If you have Python installed, you can start a simple HTTP server:
```
python -m http.server
```
Then, navigate to http://localhost:8000 in your web browser.

Usage

Sign Up: Navigate to the sign-up page and create a new account.
Log In: Use your credentials to log in.
Search for Movies: Use the search bar on the home page to find movies.
Create Movie Lists: Add movies to lists and manage them. You can make lists public or private.

OMDB API Key

Replace 'your_omdb_api_key' in js/api.js with your actual OMDB API key. You can get an API key by signing up at OMDB API.

const OMDB_API_KEY = 'your_omdb_api_key';
const OMDB_API_URL = `https://www.omdbapi.com/?apikey=${OMDB_API_KEY}&s=`;

Screenshots

Login Page:

Sign Up Page:

Home Page:

Search Results:

Live Website Link https://movie-library-webapp.netlify.app/