MovieMania is a simple React application that allows users to search for movies by name and view details about different movies. It uses the OMDB API for fetching movie data and the Lordicon API for enhancing the website's visual appeal.
- Movie Search: Users can enter the name of a movie and click "Search" to find matching movies.
- Detailed Movie Information: Clicking on a movie displays detailed information about the selected movie.
- Visual Enhancements: The application uses Lordicon icons to improve the visual appeal.
- Responsive Design: The application is designed to work seamlessly on various devices and screen sizes.
- React: A JavaScript library for building user interfaces.
- OMDB API: An API to fetch movie data.
- Lordicon API: For adding visually appealing icons.
To run this project locally, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/your-username/moviemania.git- Navigate to the project directory:
cd moviemania- Install the project dependencies:
npm install-
Obtain an OMDB API key by visiting OMDB API and sign up for a free or paid API key.
-
Create a .env file in the root directory of your project and add your OMDB API key like this:
REACT_APP_OMDB_API_KEY=your-api-key-here- Start the development server:
npm startOpen your browser and navigate to http://localhost:3000 to use MovieMania.
I welcome contributions from the community. If you'd like to contribute to this project, please follow these guidelines:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and test thoroughly.
- Create a pull request with a clear title and description.
- I made this project for learning purposes.
- Be sure to check out the JavascriptMastery Youtube channel and this amazing video.