Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sahejadkadivar/imdb-mini-imdb-clone-

This project is a mini version of IMDb, allowing users to search for movies, view details, and manage their favorite movie list.
https://github.com/sahejadkadivar/imdb-mini-imdb-clone-

Last synced: 12 days ago
JSON representation

This project is a mini version of IMDb, allowing users to search for movies, view details, and manage their favorite movie list.

Awesome Lists containing this project

README 

        

# IMDb Mini-Close Experience



Welcome to IMDb Mini-Close Experience! Discover hidden gems, iconic classics, and the latest releases. 

## Introduction

This project is a mini version of IMDb, allowing users to search for movies, view details, and manage their favorite movie list.



## Features

- **Welcome Container:** Displays a welcome message for 6 seconds on page load.

- **Search Bar:** Allows users to search for movies by typing in the search input.

- **Favourites:** Users can add movies to their favorites list and view them in the Favourites section.

- **Responsive Design:** The website is designed to be responsive for various screen sizes.



# Technologies Used

### Frontend:

[![Frontend](https://skillicons.dev/icons?i=html,css,js,bootstrap)](https://skillicons.dev)

* HTML 

* CSS

* JavaScript

* Bootstrap (v5.3.3)

## Implementation Details

*	The website utilizes the OMDb API (https://www.omdbapi.com/) to retrieve movie information.

*	Local storage is used to store the favorites list.

*	JavaScript is used to handle user interactions, search functionality, and dynamic content updates.



## Customization

You can customize the website by modifying the following files:

*	style.css: Change the styles of the website elements.

*	Images/logo.png: Replace the logo image.

*	script.js: Modify the JavaScript code to add new functionalities.



## File Structure

- `index.html`: Main HTML file containing the structure of the website.

- `script.js`: JavaScript file handling functionality like fetching movies, adding to favorites, etc.

- `fav_list.html`: HTML file for displaying the user's favorite movies.

- `fav_list.js`: JavaScript file handling functionality for the favorites page.

- `movie_detail.html`: HTML file for displaying detailed information about a specific movie.

- `movie_detail.js`: JavaScript file handling functionality for the movie details page.

- `style.css`: CSS file for styling the website.



## Using the Website

### Searching for Movies

To search for a movie, simply type the movie title into the search bar and press enter. The website will display a list of movies that match your search query. You can click on the "know More" button to view more details about a particular movie.



### Adding Movies to Favorites

To add a movie to your favorites list, click on the "Add Favourites" button on the movie card. The movie will be added to your favorites list, which you can view by clicking on the "Favourites" link at the top of the page.



### Removing Movies from Favorites

To remove a movie from your favorites list, navigate to the "Favourites" page by clicking on the "Favourites" link. Each movie card in the Favorites list has a "Remove from Favourites" button. Click on this button to remove the movie from your favorites. You will receive a confirmation alert, and the movie will be removed from your list.



### Viewing Movie Details

To view detailed information about a specific movie, click on the "know More" button on the movie card. This will take you to a dedicated page where you can find information such as the movie's title, release year, genre, IMDb rating, director, stars, and a brief plot summary.

 IMDb rating, director, stars, and a brief plot summary.



## Screenshots



![Screenshot 1](images/Screenshots/SS_1.png)

![Screenshot 2](images/Screenshots/SS_2.png)

![Screenshot 3](images/Screenshots/SS_3.png)

![Screenshot 4](images/Screenshots/SS_4.png)



## Contributing

Feel free to contribute to this project by creating issues or submitting pull requests. Your contributions are welcome!

## Demo



link for trial is:

[https://github.com/sahejadkadivar](https://sahejadkadivar.github.io/IMDB-Mini-IMDB-clone-/)



## Authors



- [sahejadkadivar](https://github.com/sahejadkadivar)



Happy movie exploring!