Welcome to the Movie App, a React-based web application that allows users to search and explore their favorite movies. This project leverages the OMDB API to fetch movie data and present it in a clean, user-friendly interface.
- Search Functionality: Users can search for movies by title.
- Popular Movies: Display a list of popular movies or recently searched movies on page load.
- Responsive Design: The application is fully responsive and works across all devices.
- Dynamic Movie Cards: Each movie is presented with a card that includes its title, release year, type, and poster image.
- Clean UI: A simple and clean user interface built with React.
- React: JavaScript library for building user interfaces.
- OMDB API: External API to fetch movie data.
- CSS: Custom styling for the user interface.
To get a local copy up and running, follow these simple steps.
Make sure you have the following installed:
- Node.js
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/Nitesh-18/Movie-App.git
-
Navigate to the project directory:
cd Movie-App
-
Install the required dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit
https://localhost:3000
to see the app in action.
To build the project for production, run:
npm run build
This will create an optimized build in the build/
directory, ready to be deployed.
This application can be easily deployed on platforms like Vercel, Netlify, or GitHub Pages.
-
Make sure you have a Vercel account and the Vercel CLI installed.
-
From the root of your project, run:
vercel
-
Follow the prompts to deploy your application.
This project uses the OMDB API to fetch movie data.
- API Key: You'll need to register and get your own API key from OMDB.
- Usage: Replace the API key in
App.js
with your own.
const API_URL = "https://www.omdbapi.com?apikey=YOUR_API_KEY";
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the project.
- Create your feature branch:
git checkout -b feature/YourFeature
. - Commit your changes:
git commit -m 'Add some YourFeature'
. - Push to the branch:
git push origin feature/YourFeature
. - Open a pull request.
Nitesh Ranjankar - LinkedIn
Project Link: https://github.com/Nitesh-18/Movie-App