Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/Vipul-Gejage/Disney-Hotstar-Clone/llms.txt

Use this file to discover all available pages before exploring further.

The Disney+ Hotstar Clone is a fully static front-end project built with vanilla HTML, CSS, and JavaScript. There are no dependencies to install, no npm install to run, and no build step required — you can have the project running in your browser in under a minute by simply downloading the source files and opening Hotstar.html.

​
Prerequisites

Before you begin, make sure you have the following:
  • A modern web browser — Chrome, Firefox, Edge, or Safari all work out of the box. Internet Explorer is not supported.
  • A code editor (optional) — VS Code, Sublime Text, or any editor of your choice if you want to customise the HTML, CSS, or JavaScript.
  • A local HTTP server (optional, but recommended) — some browsers restrict video playback over the file:// protocol. A local server eliminates these restrictions for the franchise preview videos.

​
Setup Steps

1

Clone or download the repository

Clone the repository from GitHub using Git:
git clone https://github.com/Vipul-Gejage/Disney-Hotstar-Clone.git
If you don’t have Git installed, click Code → Download ZIP on the GitHub repository page and extract the archive to a folder of your choice.
2

Navigate into the project folder

Move into the directory that was just created:
cd Disney-Hotstar-Clone
The folder contains these core files:
Disney-Hotstar-Clone/
├── Hotstar.html
├── Hotstar.css
├── Hotstar.js
├── login.html
├── otp.html
├── login.css
├── images/
└── videos/
3

Open with VS Code (optional)

If you plan to customise the project, open the folder in your editor:
code .
This opens the entire project in VS Code with all files available in the sidebar.
The images/ and videos/ folders must remain alongside the HTML files at the same directory level. All asset paths in Hotstar.html are relative (e.g. ./images/logo.png, ./videos/disney.mp4). Moving or renaming these folders will cause images and franchise preview videos to break.

​
Running with a Local HTTP Server

The project works immediately by double-clicking Hotstar.html and opening it in your browser. However, some browsers (notably Chrome) restrict <video> element playback over the file:// protocol, which means the five franchise preview cards — Disney, Pixar, Marvel, Star Wars, and Nat Geo — may not play their hover videos unless you serve the files over HTTP.
Use one of the following options for the best development experience with video playback:Option 1 — Python’s built-in HTTP server (no installation needed if Python 3 is available):
python3 -m http.server 8000
Then open http://localhost:8000/Hotstar.html in your browser.Option 2 — VS Code Live Server extension: Install the Live Server extension by Ritwick Dey, then right-click Hotstar.html in the VS Code Explorer and choose Open with Live Server. The page opens at http://127.0.0.1:5500/Hotstar.html and auto-reloads on every file save.

Build docs developers (and LLMs) love

Get started for freeTalk to us