Experience the next level of entertainment with Movix, Built with React, Redux, and a plethora of advanced features, Movix offers unparalleled user-friendliness and responsiveness. Seamlessly search for any movie or TV series, filters based on genres and ratings. Discover trending and upcoming releases sorted for daily and weekly exploration. Easily explore detailed info, trailers, and related videos for every title.
-
Search (Movie and TV Shows): Users can effortlessly search for movies and TV shows by their names.
-
Movie and TV Shows (Popular, Trending, and Upcoming):: On the homepage, you'll find popular, trending, and upcoming movies and TV shows listed with their names, posters, genres, and ratings.
-
Detailed Movie/TV Show Pages: When you click on a movie or TV show, you'll get a detailed page with everything you need to know: cast, runtime, release year, rating, director, writer, description, trailer, and more videos.
-
Recommendations (Movie and TV Shows): Users get suggestions for similar movies and TV shows based on what they're watching.
-
Fine-Tuned Filters: Users can easily filter their search results by genre, release date, rating, and more to find exactly what they're looking for.
https://movix-six-weld.vercel.app/
1. Clone the repository
git clone https://github.com/bijoy172/movix.git
2. Install the required dependencies
npm install
3. Start the development server
npm run dev
4. Access the application at
http://localhost:5173/
Technologies used in the project:
- React - Building user interfaces
- Redux - UI state management
- scss - For styling
- Axios - API requests to the TMDB API
- React Router - Navigation and routing within the application
In building Movix-App, we want to extend our thanks to the following tools and resources that played a huge role in making our app awesome:
-
React (
react) and React DOM (react-dom): These are the main engines behind our app's dynamic interface and component rendering. -
React Circular Progressbar (
react-circular-progressbar): This cool feature adds visually appealing circular progress bars to Movix. -
React Icons (
react-icons): It's a collection of icons that jazz up our interface and make it more engaging. -
React Infinite Scroll Component (
react-infinite-scroll-component): This makes scrolling through content seamless and intuitive. -
React Lazy Load Image Component (
react-lazy-load-image-component): It helps our app load images more efficiently, making everything faster. -
React Player (
react-player): With this, we smoothly integrate media players for showcasing trailers and videos. -
React Redux (
react-redux): It's what we use to manage our app's state, making everything predictable. -
React Router DOM (
react-router-dom): This makes navigating through our app super smooth and easy. -
React Select (
react-select): It's what powers our dropdown menus, making search functionalities better. -
Redux Toolkit (
@reduxjs/toolkit): This toolset makes managing app state with Redux a breeze, saving us from writing a ton of code. -
Axios (
axios): It's a reliable tool for fetching data from the TMDB API, ensuring our app runs smoothly. -
Day.js (
dayjs): This library helps us with date and time formatting, making things look neat. -
Sass (
sass): It's what we use to style our app, making it look sleek and stylish.
Movix uses the TMDB API to gather movie and TV show data. The accuracy, completeness, and availability of this data depend on TMDB's policies and may change over time. Users should refer to TMDB's API documentation and terms of use for any restrictions or guidelines regarding the data accessed through the API.
If you enjoy using Movix, please show your support by leaving a star ⭐️ on the project. Thank you! Don't forget to leave a star ⭐️.