igNitesh / movie-guide-app

The Movie Guide App provides users with an easy and efficient way to search for and access information about movies using the OMDb API. With its user-friendly interface and comprehensive movie details, it enhances the movie-watching experience for users.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Movie Guide App

The Movie Guide App is a web application that allows users to search for information about movies using the Open Movie Database (OMDb) API. This app is created using HTML, CSS, and JavaScript, and it provides users with a convenient way to search for movies, view details about them, and gather relevant information.

Features

  1. Search Movies: Users can enter the title of a movie in the search bar and click the search button to retrieve a list of matching movies from the OMDb API.

  2. Display Movie Information: The app displays a list of search results, including movie titles and brief descriptions. Users can click on a movie to view more detailed information.

  3. View Movie Details: When a user clicks on a movie from the search results, the app fetches additional details from the OMDb API and displays them on the screen. This includes information such as the movie's poster, release year, plot, cast, and ratings.

  4. Responsive Design: The app is designed to be responsive, ensuring a seamless user experience on both desktop and mobile devices.

Technologies Used

  • HTML: Used for creating the structure of the app's web pages.
  • CSS: Used for styling the app and making it visually appealing.
  • JavaScript: Used for fetching data from the OMDb API, handling user interactions, and dynamically updating the app's content.
  • OMDb API: Used for retrieving movie information, including titles, descriptions, posters, release years, and more.

How to Use

  1. Open the index.html file in a web browser.
  2. Enter the title of a movie in the search bar and click the "Search" button.
  3. A list of search results will be displayed, showing movie titles and brief descriptions.
  4. Click on a movie from the search results to view more detailed information about the selected movie, including its poster, release year, plot, cast, and ratings.

GUI

Docters

About

The Movie Guide App provides users with an easy and efficient way to search for and access information about movies using the OMDb API. With its user-friendly interface and comprehensive movie details, it enhances the movie-watching experience for users.


Languages

Language:JavaScript 44.0%Language:CSS 39.2%Language:HTML 16.8%