Moovy is a responsive web application that provides information about movies and serves as a forum for movie lovers. It utilizes React, Redux, Material-UI, and the TMDB API to deliver a seamless and interactive movie browsing experience. The app is designed for mobile and desktop platforms, ensuring accessibility for users on various devices.
Deployed Link: https://moovy-abadoni5.netlify.app
-
Movie Recommendations: Moovy recommends movies to users based on genres and categories, helping them discover new and exciting films.
-
User Logic: Users can create an account, log in, and personalize their movie browsing experience. They can create a watchlist and a favorite list to keep track of movies they want to watch or have enjoyed.
-
Pagination: To enhance browsing efficiency, Moovy incorporates pagination, allowing users to navigate through many movies effortlessly.
-
State Management with Redux: Redux is implemented for efficient state management, ensuring smooth data flow between components and improving overall app performance.
-
Dark Mode: The app features a dark mode toggle, allowing users to switch between light and dark themes based on preference and reducing eye strain in low-light environments.
-
Movie Details: Users can access detailed information about each movie, including ratings, trailers, official websites, actors' information, cast info, similar films, and movies starring a particular actor. This data is retrieved using the TMDB API.
- Clone the repository to your local machine:
git clone https://github.com/your-username/moovy.git
-
Navigate to the project directory: cd moovy
-
Install the required dependencies using npm or yarn: npm install or yarn install
-
Obtain an API key from the TMDB website by creating an account and requesting an API key.
-
Create a
.envfile in the root directory of the project and add your API key: REACT_APP_TMDB_API_KEY=your_api_key or VITE_TMDB_KEY -
Start the application: npm start/ npm run dev/ yarn start
-
Open the app in your browser: http://localhost:3000
- React: JavaScript library for building user interfaces.
- Redux: Predictable state container for managing application state.
- Material-UI: React UI framework for creating visually appealing and responsive components.
- TMDB API: The Movie Database API for accessing movie data and details.
If you have any questions or suggestions regarding Moovy, please get in touch with me at: [email protected]
Happy movie browsing with Moovy!