Welcome to Movix! Movix is a user-friendly React project that allows users to browse and access movies using the public API provided by TMDB (The Movie Database). With Movix, users can explore top-rated, popular, and trending movies, utilize search and filtering functionalities, and enjoy lazy loading and infinite scroll features for a seamless browsing experience. Additionally, Movix suggests similar movies based on user preferences, provides trailers and videos for selected movies or TV shows, all powered by the TMDB API. This project was developed using React.js, SCSS, and Redux for state management.
1- Browse Movies: Explore a vast collection of movies through various categories such as top-rated, popular, and trending.
2- Search Functionality: Search for specific movies or TV shows by title, genre, or keywords.
3- Filtering: Filter movies based on different criteria such as genre, release year, or rating.
4- Lazy Loading: Optimize performance with lazy loading, ensuring faster initial load times.
5- Infinite Scroll: Seamlessly load more content as users scroll through the movie catalog.
6- Similar Movies Suggestions: Receive recommendations for similar movies based on user preferences.
7- Trailers and Videos: Watch trailers and additional videos for selected movies or TV shows.
React.js: Frontend library for building user interfaces. SCSS: Preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). Redux: State management library for JavaScript applications.
To get started with Movix, see the deployed version https://movix-deployed.netlify.app/ or follow these steps:
1- Clone the repository: git clone https://github.com/yourusername/movix.git 2- Install dependencies: npm install 3- Run the application: npm start 4- Explore Movix: Open your browser and navigate to http://localhost:3000 to start browsing movies.
TMDB API: This project utilizes the public API provided by The Movie Database (TMDB) to fetch movie data.