Skip to content

Movie app that allows users to search and explore movie details using the OMDB API. Also uses Mock API to fetch, add and edit movie information

Notifications You must be signed in to change notification settings

pradeish29/MovieSearch-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MovieSearch-React

Overview

MovieSearch-React is a dynamic web application built with React that allows users to search and view movie details. This project utilizes the OMDB API to fetch real-time movie data based on user queries. Additionally, it integrates a mock API to retrieve add and edit movie info for an engaging user interface.

The application is designed to be simple and user-friendly, providing movie enthusiasts with easy access to a vast database of movies, including details like the movie's title, director, synopsis, and more.

Check out the live demo here: MovieSearch-React Live Demo

Click on go to home icon to see full website

Features

  • Search Functionality: Users can search for movies using the OMDB API.
  • Detailed Movie Information: View detailed information about each movie, including posters, release date, director, actors, and plot.
  • Responsive Design: The website is fully responsive and can be viewed on any device.

Technologies Used

  • React: For building the user interface.
  • OMDB API: To search for movies and retrieve movie details.
  • Mock API: Used during development to simulate movie data and images.
  • GitHub Pages: Used to deploy and host the application.

Local Setup

To get this project running locally on your machine, follow the steps below:

Prerequisites

Ensure you have the following installed:

  • Node.js and npm (Node Package Manager)
  • Git

Installation

  1. Clone the repository:
    git clone https://github.com/pradeish29/MovieSearch-React.git
    cd MovieSearch-React
  2. Install the dependencies:
npm install
  1. Start the development server:
npm start

This will run the app in development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.

Contributing Contributions are welcome, and any feedback or suggestions are appreciated. If you would like to contribute to the project, please follow these steps:

  • Fork the repository
  • Create a new branch (git checkout -b feature/AmazingFeature)
  • Make your changes
  • Commit your changes (git commit -m 'Add some AmazingFeature')
  • Push to the branch (git push origin feature/AmazingFeature)
  • Open a pull request

License Distributed under the MIT License. See LICENSE for more information

About

Movie app that allows users to search and explore movie details using the OMDB API. Also uses Mock API to fetch, add and edit movie information

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published