https://github.com/lauracaa/movieexplorer
A React-based web application that allows users to search for movies using the OMDB API. The app displays information about the first 10 movies matching the search query, including their posters.
https://github.com/lauracaa/movieexplorer
api api-integration axios cssmodules javascript react useeffect usestate web-app
Last synced: about 1 month ago
JSON representation
A React-based web application that allows users to search for movies using the OMDB API. The app displays information about the first 10 movies matching the search query, including their posters.
- Host: GitHub
- URL: https://github.com/lauracaa/movieexplorer
- Owner: LauraCaa
- Created: 2025-05-13T20:35:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-13T20:59:56.000Z (about 1 year ago)
- Last Synced: 2025-05-13T21:47:06.960Z (about 1 year ago)
- Topics: api, api-integration, axios, cssmodules, javascript, react, useeffect, usestate, web-app
- Language: JavaScript
- Homepage:
- Size: 1.99 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MovieExplorer
MovieExplorer is a React application that allows you to search and explore movie information using the [OMDb API](https://www.omdbapi.com/). The app displays a list of movies, along with their posters, and provides additional information such as the count of movies by year and director.
## Features
- Search for movies by title.
- Display information for the top 10 movies based on your search.
- Show posters for each movie.
- Display the count of movies by year and director in a sidebar.
## Getting Started
These instructions will help you set up and run the project on your local machine for development and testing purposes.
### Prerequisites
Before you begin, make sure you have [Node.js](https://nodejs.org/) installed on your computer.
### Installing
1. Clone the repository to your local machine:
```bash
git clone https://github.com/LauraCaa/movieExplorer.git
cd movieExplorer
2. Install the required dependencies:
```bash
npm install
3. Create a .env file in the root of the project and add your OMDb API key:
REACT_APP_API_KEY=your_omdb_api_key
4. Start the development server:
```bash
npm start
5. This will run the app in development mode. Open http://localhost:3000 to view it in your browser.