Movix is a movie app built with React 18 and its latest features, designed to provide a seamless user experience for exploring and watching movies and TV shows. The app utilizes React hooks and state management, creating an easy maintainable and scalable folder structure.
- Global state containers with Redux Toolkit
- Fetching data from TMDB API with Axios
- Creating custom hooks
- Creating carousel/slider without library
- Infinite scrolling
- React Router DOM Version 6
- Loading Skeleton while fetching data from API
- Error handling & 404 forbidden page
- Responsive layout with perfectly placed media queries
React, Redux, Sass
- Clone the repository:
git clone https://github.com/<your_username>/movix.git - Install dependencies:
npm install - Run the app:
npm dev
After starting the app, you can access it in your web browser at http://127.0.0.1:5173/. The app will display a selection of movies and TV shows on the home screen. You can explore different sections of the app using the navigation menu, search for specific content using the search bar, and enjoy a personalized streaming experience.
If you'd like to contribute to Movix, please create a pull request with your changes. We welcome contributions from anyone, and appreciate your help!
The TMDB API for providing movie and TV show data.