https://github.com/fredvuni/reactjs-movie-app
A react js search movie app using the omdbapi based on the javascript mastery youtube channel
https://github.com/fredvuni/reactjs-movie-app
css3 omdb-api react
Last synced: 2 months ago
JSON representation
A react js search movie app using the omdbapi based on the javascript mastery youtube channel
- Host: GitHub
- URL: https://github.com/fredvuni/reactjs-movie-app
- Owner: FREDVUNI
- Created: 2022-05-01T16:14:58.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-05-08T08:07:12.000Z (about 3 years ago)
- Last Synced: 2025-03-24T08:43:24.697Z (about 1 year ago)
- Topics: css3, omdb-api, react
- Language: JavaScript
- Homepage: https://react-js-movies-app.netlify.app/
- Size: 286 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Movie Search App
This is a React app that allows users to search for movies using the OMDB API. It is based on the JavaScript Mastery YouTube channel tutorial.
## Installation
1. Clone the repository: `git clone https://github.com/FREDVUNI/react-movie-app.git`
2. Navigate to the project directory: `cd react-movie-app`
3. Install dependencies: `npm install`
4. Create a `.env` file by copying `.env.example` and adding your own API key for the OMDB API: `cp .env.example .env`
5. Start the development server: `npm start`
## Usage
To use the app, navigate to `http://localhost:3000` in your browser. You can search for movies by entering a title in the search bar and pressing the "Search" button. The app will display a list of movies that match the search query, including their title, year, poster, and plot.
## Technologies Used
- React
- OMDB API
- Axios
- CSS
## Contributing
If you would like to contribute to this project, please fork the repository and submit a pull request.
## Screenshot
