React Redux Vite Movie Website
This is a React project that utilizes Redux and Vite, a movie website that fetches data from a database via an API. The project also includes features like infinite scrolling, genre-based recommendations, and top movie listings based on the day or week.
Table of Contents
Project Overview Installation Usage Features Technologies Used Contributing License Project Overview
Movix is a movie website built using React and Redux. It fetches data from a movie database through an API, allowing users to explore a wide variety of movies. The project incorporates several key features, making it a comprehensive movie-related platform.
Installation: To run this project locally, follow these steps:
Clone this repository to your local machine.
git clone https://github.com/Shreyans3700/movix-main.git
Navigate to the project directory.
cd movix-main
Install the project dependencies. Copy code npm install
Create a .env file in the project root directory and set the API key for the movie database (e.g., TMDB) as follows: makefile Copy code REACT_APP_API_KEY=your_api_key
Start the development server. npm install npm run dev The project should now be running locally at http://localhost:3000.
Usage
You can use this application to:
Explore a vast library of movies. Scroll through an infinite list of movies as you reach the end of the page. Get personalized movie recommendations based on genre preferences. View the top movies of the day or week. Features
Infinite Scrolling: As you scroll through the movie list, more movies are loaded automatically, providing an endless browsing experience. Genre-based Recommendations: Users can select their favorite movie genres, and the application will recommend movies based on their preferences. Top Movies: The application showcases the top movies of the day and week. Redux State Management: The project uses Redux for state management, ensuring a predictable and centralized data flow. Technologies Used
React: The core library for building the user interface. Redux: A predictable state container for managing the application's global state. Vite API: An API for fetching movie data. Infinite Scrolling: Achieved through React libraries or custom code. React Router: For handling routing within the application. Axios: A promise-based HTTP client for making API requests. CSS: Styling the components. React-Bootstrap: For responsive and customizable UI components. Contributing
We welcome contributions to improve this project. If you'd like to contribute, please follow these guidelines:
Fork the repository. Create a new branch for your feature or bug fix. Make your changes. Test your changes. Commit your changes with descriptive commit messages. Push your branch to your fork. Create a pull request with a clear title and description.