AishMishra001 / MovieLand_React_App

Home Page:https://movie-land-react-app-three.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MovieLand

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.

Getting Started

To get started with MovieLand, follow these steps:

  1. Clone the repository to your local machine:

    git clone <repository_url>
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Open your browser and navigate to http://localhost:3000 to view the application.

Features

  • 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.

Tools Used

  • 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.

Project Structure

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.

How to Contribute

Contributions to MovieLand are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive messages.
  4. Push your changes to your fork.
  5. Submit a pull request to the main repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

https://movie-land-react-app-three.vercel.app


Languages

Language:CSS 58.1%Language:JavaScript 36.4%Language:HTML 5.4%