Movix is a web application that allows users to explore movies and TV shows, providing information such as trailers, cast details, ratings, directors, writers, and more. The app includes various sections like Similar, Popular, Trending, and Top Rated to enhance the user's entertainment experience.
Before getting started, make sure you have Node.js and npm installed on your machine.
-
Clone the repository: git clone https://github.com/your-username/movix.git
-
Install dependencies: npm install
-
Set up environment variables: Create a .env file in the project root and add your TMDB API token: VITE_APP_TMDB_TOKEN=your_tmdb_api_token
-
Usage: To start the development server, run: npm run dev Visit http://localhost:3000 in your browser to explore Movix.
- Browse movies and TV shows by categories.
- View trailers, cast details, ratings, directors, and writers for each title.
- Explore sections such as Similar, Popular, Trending, and Top Rated.
- React
- Redux Toolkit
- Vite
- Axios
- Dayjs
- React Router
- React Icons
- React Lazy Load Image Component
- React Player
- React Infinite Scroll Component
- React Select
- Sass
Movix integrates with The Movie Database (TMDB) API for fetching movie and TV show data. Ensure you have a TMDB API token and set it in the .env file as described in the installation steps.
For building the project, you can use the following npm scripts:
- npm run build: Build the project for production.
- npm run preview: Preview the production build locally.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh