Movie Info Hub

About This App

Experience the ultimate movie and TV show information hub where you can dive into a world of entertainment. Search for your favorite movies and TV shows, explore trending and top-rated content, and discover detailed information, including ratings, reviews, cast members, and more. This responsive web app offers a user-friendly interface and seamless navigation.

Technologies Used

• React
• React Router
• Redux
• Redux Toolkit
• RTK Query
• Sass

Highlights

Discover Movie Info Hub, your ultimate destination for all things movies and TV shows. Seamlessly explore a vast collection of your favorite films and shows, from trending sensations to top-rated classics. Built with cutting-edge technologies including React, React Router, Redux, Redux Toolkit, and Sass, our responsive web app ensures a user-friendly interface and seamless navigation.

Key Points:

• Process: Focused on intuitive user experience and performance. Utilized Movie DB API for accurate data. Leveraged Redux Toolkit and RTK Query for efficient data management. Responsive design for optimal viewing on all devices.
• Idea Behind the App: Centralized platform for comprehensive movie and TV show information. Designed for user-friendly exploration with search, trending, and top-rated sections.
• Architecture: Component-based approach using React. Centralized state management with Redux. Styling with modular SCSS. Movie DB API integration via RTK Query.
• Standout Features: Seamlessly integrated Movie DB API. Responsive design for versatile viewing. Efficient data handling via Redux Toolkit and RTK Query. Intuitive UI and navigation. Search, trending, and top-rated sections. Detailed information pages.

Getting Started

To run the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Mozahidul01/MovieInfoHub.git

2. Navigate to the project directory:

   cd MovieInfoHub

3. Install the dependencies:

   yarn

4. Run the development server:

   yarn run dev

5. Open your browser and visit http://localhost:5173 to see the application.

Project Structure

Inside of your project, you'll see the following folders and files:

/
├── public/
│   └── favicon.ico
├── src/
│   ├── app
│   ├── assets
│   ├── components
│   ├── features
│   ├── pages
│   ├── utils
│   ├── app.jsx
│   ├── index.scss
│   ├── main.jsx
│   └── mixins.scss
├── index.html
├── package.json
├── README.md
└── vite.config.js

---

Feel free to explore more of my projects on my portfolio. For any inquiries or collaboration opportunities, you can reach out to me at mmozahidul01@gmail.com.

Please let me know if you need any further information or assistance.