Cinemattic

https://cinemattic.netlify.app/

Cinemattic is a user-friendly, feature-packed, and visually appealing movie website that allows users to search for movies by title, sort them by genre, view trending and upcoming movies, and favorite their desired movies.

---

---

🍿 Features

• Search movies: users can search for movies by title
• Watch trailers: users can watch movie trailers easily
• Genre-wise display: movies can be sorted by genre
• Trending Movies: displays a section for trending movies
• Upcoming movies: displays a section for upcoming movies
• Movie Details: users can view detailed information about each movie
• Favorite Movies: users can favorite any movie they liked

---

💻 Tech Stack

Cinemattic is built with the following technologies:

• ReactJS
• Vite
• MUI
• TMDB
• Lodash

---

⚡ Pagespeed Test

Performance and accessibility are at the core of Cinemattic's design.
https://pagespeed.web.dev/analysis/https-cinemattic-netlify-app/c6jjtnlflj?form_factor=desktop

---

🛠️ Build Locally

1. Download and Extract the Code

Firstly, download the entire website code and extract the ZIP file to a folder on your local system.

2. Obtain the TMDB API Key

Before starting the website, you will need to obtain the TMDB Movies API key and add it to your .env file.

3. Run the Website with Vite

Open your code editor of choice and navigate to the project directory. Then, open a terminal and run the following command:

npm run dev

This will start the application. Open a web browser and navigate to the specified localhost to access the website.

Note: Ensure that you have carefully added the TMDB API key to your .env file.

---