https://github.com/meenbeese/cinemattic

Simple movie search & favorite website
https://github.com/meenbeese/cinemattic

moviedb mui react tmdb

Last synced: 9 days ago
JSON representation

Simple movie search & favorite website

• Host: GitHub
• URL: https://github.com/meenbeese/cinemattic
• Owner: meenbeese
• License: mit
• Created: 2024-01-21T16:26:47.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-10-06T17:54:31.000Z (3 months ago)
• Last Synced: 2024-11-07T15:53:35.665Z (2 months ago)
• Topics: moviedb, mui, react, tmdb
• Language: JavaScript
• Homepage: https://cinemattic.netlify.app
• Size: 1.51 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        




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](https://react.dev/)

- [Vite](https://vitejs.dev/)

- [MUI](https://mui.com/)

- [TMDB](https://developer.themoviedb.org/docs/getting-started)



# ⚡ 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:

```bash

pnpm 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.