https://github.com/pradeish29/moviesearch-react
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
https://github.com/pradeish29/moviesearch-react
mockapi movie-search-omdb movieapp omdb-api reactjs
Last synced: 11 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/pradeish29/moviesearch-react
- Owner: pradeish29
- Created: 2024-05-10T13:05:19.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-15T16:10:52.000Z (over 1 year ago)
- Last Synced: 2024-05-16T09:13:40.448Z (over 1 year ago)
- Topics: mockapi, movie-search-omdb, movieapp, omdb-api, reactjs
- Language: JavaScript
- Homepage: https://pradeish29.github.io/MovieSearch-React/
- Size: 974 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://pradeish29.github.io/MovieSearch-React/)
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**:
```bash
git clone https://github.com/pradeish29/MovieSearch-React.git
cd MovieSearch-React
2. **Install the dependencies**:
```bash
npm install
```
3. **Start the development server**:
```bash
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