Flixbox is a React web application that allows users to search for movies, view movie details, rate movies, and create a list of watched movies.
-
Movie Search: Easily search for movies using keywords and get a list of relevant movies based on your search query.
-
Movie Details: View detailed information about a selected movie, including the title, release date, plot summary, cast, and more.
-
Movie Rating: Provide ratings to the movies you've watched and see the average rating for each movie in your watched list.
-
Watched List: Create a personal watched list to keep track of the movies you've seen.
-
Delete Movies: Remove movies from your watched list if you no longer want to track them.
- Clone the repository to your local machine:
git clone https://github.com/pasify/flixbox.git
cd flixbox-
Install the required dependencies:
npm install -
Start the development server:
npm start
-
On the home page, use the search bar to look for a movie. Type in the title or keywords related to the movie you want to find.
-
Flixbox will display a list of movies that match your search query. Click on a movie to view its detailed information.
-
On the movie details page, you can read about the plot, cast, release date, and other relevant information.
-
If you've watched the movie, scroll down to rate the movie using the rating feature.
-
To add the movie to your watched list, click the "Add to Watched" button.
-
To view your watched list, navigate to the "Watched List" page. Here, you will find all the movies you've rated and added to your watched list.
-
If you no longer wish to track a movie in your watched list, you can delete it by clicking the "Delete" button next to the movie.
-
Your watched list is automatically saved to your browser's local storage, so you can access it even after closing the app.
- React: Front-end user interface library for building interactive components.
- JavaScript: Programming language used for app logic.
- HTML/CSS: Markup and styling of the app.
- Local Storage: For storing the user's watched list locally in the browser.
If you want to contribute to Flixbox, follow these steps:
Fork the repository.
-
Create a new branch for your feature:
git checkout -b feature-name. -
Make your changes and commit them:
git commit -m 'Add some feature'. -
Push the changes to your fork:
git push origin feature-name. -
Submit a pull request, and we'll review your changes.
This project is licensed under the MIT License.
Open Movie Database (OMDb) API: The API used to fetch movie data.
Enjoy watching movies using Flixbox! 🎬🍿