Welcome to MovieLand, a React application where you can search for movies and get information about them. This project utilizes React along with the OMDB API to fetch movie data based on user input.
To get started with MovieLand, follow these steps:
-
Clone the repository to your local machine:
git clone <repository_url>
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
to view the application.
-
Search Movies: Enter a movie title in the search bar to find movies matching your query.
-
View Movie Information: Movie cards will display relevant information such as title, year, and poster image.
-
React: The project is built using React, a popular JavaScript library for building user interfaces.
-
useState: React's
useState
hook is used to manage state within functional components. -
useEffect: React's
useEffect
hook is used for handling side effects, such as fetching data from the API. -
OMDB API: The Open Movie Database (OMDB) API is used to fetch movie data based on user queries.
The project structure is as follows:
- src/
- components/: Contains React components used in the application.
- App.js: The main component that renders the application.
- App.css: CSS file for styling the application.
- search.svg: SVG icon used for the search button.
Contributions to MovieLand are welcome! If you'd like to contribute, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with descriptive messages.
- Push your changes to your fork.
- Submit a pull request to the main repository.
This project is licensed under the MIT License - see the LICENSE file for details.