Dharma

It's a Ott platform. inspired by Netflix.

Tech Stack

Functionality

• API rendering
• Movie sort by days and week
• Movie searching
• Movie sort by genres
• Video Player

Pages

• Home page
  • Banner with Search Bar
  • Top Rated Video
  • Popular Video
  • Trending Video
• 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
• 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

    "@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

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

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

video representation

Untitled.1.mp4

Project Look Like

🌐 Connect with me: