https://github.com/halil-yesilyurt/cinematrix
Dynamic web application designed to bring the cinematic world to your fingertips
https://github.com/halil-yesilyurt/cinematrix
api css html javascript movie-database web-application
Last synced: 11 days ago
JSON representation
Dynamic web application designed to bring the cinematic world to your fingertips
- Host: GitHub
- URL: https://github.com/halil-yesilyurt/cinematrix
- Owner: halil-yesilyurt
- Created: 2024-03-01T17:53:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-01T15:49:40.000Z (over 1 year ago)
- Last Synced: 2025-05-31T06:57:51.932Z (5 months ago)
- Topics: api, css, html, javascript, movie-database, web-application
- Language: JavaScript
- Homepage: https://cinematrix-eight.vercel.app
- Size: 5.06 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Cinematrix is a web application built with HTML, CSS, and JavaScript that allows users to explore currently playing movies, popular movies, and TV series. It utilizes the TMDB API to fetch movie and TV series data, and incorporates the JS Swiper library for smooth carousel effects.
## Features
- Currently Playing Movies: Displays a list of movies currently playing in theaters.
- Popular Movies: Showcases a collection of popular movies.
- Search Functionality: Users can search for specific movies or TV series by typing in keywords.
- Pagination: Search results are paginated, allowing users to navigate between multiple pages of results.
- Upcoming Movies and Popular TV Series: Users can easily access upcoming movies or popular TV series by clicking on the respective headers.
- Detailed Content Pages: Each movie or TV series has its own detailed page with information such as overview, official page link, IMDb link, budget, revenue, release date, languages, and production companies.
## Dependencies
[TMDb API](https://www.themoviedb.org/): Cinematrix fetches movie and TV series data from the TMDb API.
[JS Swiper Library](https://swiperjs.com/): Swiper is used to create smooth carousel effects for displaying movie and TV series posters.
## Usage
Clone the repository to your local machine.
```bash
git clone https://github.com/halil-yesilyurt/cinematrix
```
Obtain an API key from TMDb and replace 'YOUR_API_KEY' in `/script/app.js` with your actual API key.
```javascript
global.api.apiKey = 'YOUR_API_KEY';
```
Open `index.html` in your preferred web browser.
Explore currently playing movies, popular movies, and TV series. Use the search functionality to find specific movies or TV series.
## Contributing
Contributions are welcome! If you'd like to contribute to Cinematrix, feel free to fork this repository and submit a pull request with your changes.