MovieInsight is a modern web application that helps users explore movies, view details, and discover trending, popular, and top‑rated films. It provides a clean interface, dynamic searches for cast, and recommendations.
- Search Movies — Find movies by title and explore detailed information.
- Movie Details — View synopsis, cast, trailers, and ratings.
- Trending & Popular — Browse trending, popular, and top‑rated movies.
- Dynamic UI — Responsive design with reusable components.
- Fast Performance — Optimized with React and modern tooling.
- Frontend: React, SCSS
- State Management: Redux Toolkit
- API: TMDb (The Movie Database API)
- Deployment: Netlify
MovieInsight/
├── public/
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
│
├── src/
│ ├── assets/ # Images and static resources
│ ├── components/ # Reusable UI components
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page-level views (Home, Details, Explore, etc.)
│ ├── store/ # Redux slices and store configuration
│ ├── utils/ # Utility functions and API helpers
│ ├── App.css
│ ├── App.js
│ ├── index.js
│ ├── index.scss
│ └── mixins.scss
│
├── .env # Environment variables
├── .gitignore # Git ignore rules
├── README.md # Project documentation
├── package.json # Project dependencies and scripts
└── package-lock.json # Dependency lock file
- Node.js (v16 or above)
- npm or yarn
# Clone the repository
git clone https://github.com/Shreya01-C/Movie-Insights.git
# Navigate into the project
cd MovieInsight
# Install dependencies
npm install
# Start the development server
npm start