MovieApp is a web application designed to display information about movies, including their titles, posters, and ratings. The app fetches data from a movie database API and presents it in a user-friendly interface.
- Movie Listings: Displays a list of movies with their titles, posters, and ratings.
- Search Functionality: Allows users to search for movies by title.
- Responsive Design: Optimized for both desktop and mobile devices.
- Frontend: HTML, CSS, JavaScript, React
- API: The Movie Database (OMDb) API
- Node.js (version 14 or higher)
- npm (version 6 or higher)
- Clone the repository:
git clone https://github.com/Anuj054/movieapp.git cd movieApp - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and navigate to
http://localhost:3000.
- Browse Movies: On the homepage, a list of popular movies will be displayed. Each movie entry includes the title, poster, and rating.
- Search Movies: Use the search bar at the top of the page to find movies by title. Results will update as you type.
movieApp/
├── public/
│ ├── index.html
├── src/
│ ├── App.css
│ ├── App.js
│ ├── index.js
│ ├── MovieCard.jsx
│ └── search.svg
├── gitignore
├── package-lock.json
├── package.json
└── README.mdWe welcome contributions! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -m 'Add your feature'). - Push to the branch (
git push origin feature/your-feature). - Open a pull request.