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

https://github.com/preetiraj3697/dharma

It's a Ott platform. inspired by Netflix.
https://github.com/preetiraj3697/dharma

axios dayjs react react-circular-progressbar react-icons react-infinite-scroll-component react-lazy-load-image-component react-select redux redux-toolkit sass

Last synced: about 2 months ago
JSON representation

It's a Ott platform. inspired by Netflix.

Awesome Lists containing this project

README

          

# Dharma
It's a Ott platform. inspired by Netflix.

[![GitHub](https://img.shields.io/github/license/preetiraj3697/Dharma?color=green)](https://github.com/cobidev/gatsby-simplefolio/blob/master/LICENSE.md)
![GitHub stars](https://img.shields.io/github/stars/preetiraj3697/Dharma?color=red)
![GitHub forks](https://img.shields.io/github/forks/preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/last-commit/preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/languages/code-size/preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/contributors/preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/directory-file-count/Preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/issues/Preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/issues-raw/Preetiraj3697/Dharma)
![Logo](https://img.shields.io/github/issues-closed/Preetiraj3697/Dharma)

# Tech Stack
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![NPM](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge&logo=npm&logoColor=white)

# Functionality
- API rendering
- Movie sort by days and week
- Movie searching
- Movie sort by genres
- Video Player

# Pages
- [x] Home page
- Banner with Search Bar
- Top Rated Video
- Popular Video
- Trending Video
- [x] Details Page
- Video details like title, name, overview, status, rating, genres, director, release_data etc.
- cast Image
- Offical Video
- Trailer Video
- Similar Video
- Recommendation Video
- [x] Movies Page & TV Shows Page
- Select genres
- Action, Adventure, Animation, Comedy, Crime, Documentary, Drama, Family, Fantansy.
- Sort by
- Popularity Descending
- Popularity Ascending
- Rating Descending
- Rating Ascending
- Release Date Descending
- Release Date Ascending
- Title (A-Z)
- Video Carousel with image, name, release_data, rating, genres.

# Dependencies
```Json

"@reduxjs/toolkit": "^1.9.1",
"axios": "^1.2.2",
"dayjs": "^1.11.7",
"react": "^18.2.0",
"react-circular-progressbar": "^2.1.0",
"react-dom": "^18.2.0",
"react-icons": "^4.7.1",
"react-infinite-scroll-component": "^6.1.0",
"react-lazy-load-image-component": "^1.5.6",
"react-player": "^2.11.0",
"react-redux": "^8.0.5",
"react-router-dom": "^6.6.2",
"react-select": "^5.7.0",
"sass": "^1.57.1"

```

# Api Use
```Javascript
### TMDB = https://www.themoviedb.org/
### TMDB Api Doc = https://developers.themoviedb.org/3/getting-started/introduction
```

# How to start?
##### To start the project along with me just download the start-up file and run available script

```javascript
git clone "https://github.com/Preetiraj3697/Dharma.git"
// first install all necessary dependencies
npm install
// next run
npm start

```

# video representation

https://user-images.githubusercontent.com/107460745/215718178-e64a7940-8a06-4d94-be2d-9ed462cd4ed4.mp4

# Project Look Like
![Screenshot 2023-01-31 134828](https://user-images.githubusercontent.com/107460745/215716768-a93b6874-96a8-45d7-9af2-aaaa69890d77.png)
![Screenshot 2023-01-31 134925](https://user-images.githubusercontent.com/107460745/215716773-b88b4960-6fde-4b5a-bd5d-1c69f1a4ca72.png)
![Screenshot 2023-01-31 135022](https://user-images.githubusercontent.com/107460745/215716776-1e13d9e7-e615-4a74-9469-0a64745a3106.png)
![Screenshot 2023-01-31 135106](https://user-images.githubusercontent.com/107460745/215716781-f66acbee-adae-40ef-8dde-a0f6322c9f57.png)
![Screenshot 2023-01-31 135300](https://user-images.githubusercontent.com/107460745/215716784-c68d9550-5516-48e5-b463-470354688e81.png)
![Screenshot 2023-01-31 135333](https://user-images.githubusercontent.com/107460745/215716791-9f6933d4-32ec-4181-8317-bca620b9673f.png)
![Screenshot 2023-01-31 135408](https://user-images.githubusercontent.com/107460745/215716794-86ebddc3-a86f-4b89-a8aa-cee345fdb380.png)
![Screenshot 2023-01-31 135454](https://user-images.githubusercontent.com/107460745/215716800-bfb13104-79e5-47f8-904e-607d1d9d5c24.png)
![Screenshot 2023-01-31 135613](https://user-images.githubusercontent.com/107460745/215716802-504e9889-385e-4287-924e-60d7721c9c4e.png)
![Screenshot 2023-01-31 135700](https://user-images.githubusercontent.com/107460745/215716806-5df90b23-81bc-4e8c-a01c-90a767ce7c3d.png)
![Screenshot 2023-01-31 135742](https://user-images.githubusercontent.com/107460745/215716819-6847efd1-a3e5-4e80-b28e-278699b67eca.png)
![Screenshot 2023-01-31 140738](https://user-images.githubusercontent.com/107460745/215716751-21e9ef4f-1de1-4d28-b29c-e2ef641f7c1a.png)

## 🌐 Connect with me: