Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/prakhar-002/tvflix

Welcome to TVFLIX 🤗, your ultimate destination for movie 🎬 information! Dive into my GitHub repository 🗂️ for a curated collection 📽️ uncover 🔓 everything you need for your next binge-watching session 🍿
https://github.com/prakhar-002/tvflix

api api-server apis css html html-css-javascript javascript movie movie-site movie-web-app netlify-deployment prakhar-002 webdevelopment website

Last synced: 17 days ago
JSON representation

Welcome to TVFLIX 🤗, your ultimate destination for movie 🎬 information! Dive into my GitHub repository 🗂️ for a curated collection 📽️ uncover 🔓 everything you need for your next binge-watching session 🍿

Awesome Lists containing this project

README

        

# Movie App 🍿🎥 ✮

TVFlix is a web application that allows users to `discover information about movies.` It utilizes `HTML, CSS, JavaScript, and the TMDb (The Movie Database) API` to provide users with a rich browsing experience.


➥ Live Demo



# Screenshots 🎉

![TVFLIX IMAGE](image.png)

# 💻 Tech Stack 🎗️

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)   ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)   ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)


## Features 🥳
- `Search` ➤ Users can `search for movies by title.`

- `Browse` ➤ Explore `popular and trending movies`. by

- `New Release`

- `Category vise`
- `language vise`
- `Genre vise `

- `Details` ➤ View `detailed information` about each movie including

- `Ratings`

- `Language available`
- `Release dete `
- `Plateform detail`
- `cast`
- `crew`

- `Preview` ➤ Users can watch `Trailers and Clips on site`

---


## Deployment 🚀

**To run Tvflix locally**, run this command on your git bash and

**`Go to api.js file || Create your api_key and paste there`**

`For window 🍃`
```bash
git clone https://github.com/Prakhar-002/TVFLIX.git
```

`For Linux and macOS 🌿`
```bash
sudo git clone https://github.com/Prakhar-002/TVFLIX.git
```


## API Reference --> TDMB API 📜

### Default AP 🎦

```JAVASCRIPT
GET --> https://api.themoviedb.org/3/
```

| Parameter | Type | My api_key |
| :-------- | :------- | :------------------------- |
| `api_key` | `string` | **2668db70c618ee1992cb0188a190eb--**|

---


### API for **Detail of a MOVIE 🕵️** -->

```JAVASCRIPT
GET --> ${Default}/${movieId}?api_key=${api_key}&append_to_response=releases,images,videos,casts,translations&include_adult=false
```

---


### API for **Search a movie 🔎** -->

```JAVASCRIPT
GET --> {Default}search/movie?api_key=${api_key}&query=${movie Id}&page=1&include_adult=false
```
---


### API for **For Genres 🎬** -->

```JAVASCRIPT
GET --> {Default}/genre/movie/list?api_key=${api_key}
```

---


### API for **Popular Movie 🔥** -->

```JAVASCRIPT
GET --> {Default}/movie/popular?api_key=${api_key}&page=1&include_adult=false
```

---


### API for **Popular HINDI movies 🥰** -->

```JAVASCRIPT
GET --> {Default}/discover/movie?api_key=${api_key}&page=1&include_adult=false&sort_by=popularity.desc&with_original_language=hi
```

---


## Picture Library 📷📖

![image](https://github.com/user-attachments/assets/eedc9cc0-089d-4a98-a34e-6d3309564cca)
![image](https://github.com/user-attachments/assets/07c3a64e-aa39-4fd5-a3fa-1f9c1c9816c7)
![image](https://github.com/user-attachments/assets/243b54b4-2354-4309-92c5-b5c7a1a7e1fd)
![image](https://github.com/user-attachments/assets/b8cbb8a8-b046-48c3-8fe6-dc1435261024)