Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nitesh-18/movie-app
https://github.com/nitesh-18/movie-app
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/nitesh-18/movie-app
- Owner: Nitesh-18
- Created: 2024-08-04T20:54:32.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-08-27T05:55:21.000Z (3 months ago)
- Last Synced: 2024-08-28T06:52:31.208Z (3 months ago)
- Language: CSS
- Homepage: https://movie-app-topaz-beta.vercel.app
- Size: 14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# Movie App 🎬
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.
## Features
- **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.
## Tech Stack
- **React**: JavaScript library for building user interfaces.
- **OMDB API**: External API to fetch movie data.
- **CSS**: Custom styling for the user interface.
## Getting Started
To get a local copy up and running, follow these simple steps.
### Prerequisites
Make sure you have the following installed:
- Node.js
- npm (Node Package Manager)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Nitesh-18/Movie-App.git
```
2. Navigate to the project directory:
```bash
cd Movie-App
```
3. Install the required dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open your browser and visit `http://localhost:3000` to see the app in action.
### Building for Production
To build the project for production, run:
```bash
npm run build
```
This will create an optimized build in the `build/` directory, ready to be deployed.
## Deployment
This application can be easily deployed on platforms like Vercel, Netlify, or GitHub Pages.
### Deploying to Vercel
1. Make sure you have a Vercel account and the Vercel CLI installed.
2. From the root of your project, run:
```bash
vercel
```
3. Follow the prompts to deploy your application.
## API Reference
This project uses the [OMDB API](http://www.omdbapi.com/) 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.
```javascript
const API_URL = "http://www.omdbapi.com?apikey=YOUR_API_KEY";
```
## Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the project.
2. Create your feature branch: `git checkout -b feature/YourFeature`.
3. Commit your changes: `git commit -m 'Add some YourFeature'`.
4. Push to the branch: `git push origin feature/YourFeature`.
5. Open a pull request.
## Contact
Nitesh Ranjankar - [LinkedIn](https://www.linkedin.com/in/nitesh-r-a15518243/)
Project Link: [https://github.com/Nitesh-18/Movie-App](https://github.com/Nitesh-18/Movie-App)
---