StreamVault Developer

Full-Stack Developer & UI Designer

Passionate about creating premium streaming experiences. Built StreamVault with pure HTML, CSS, and JavaScript to demonstrate the power of modern web standards without frameworks.

Website Features

Cinematic Player

Embedded streaming with server switching, theater mode, fullscreen support, and keyboard shortcuts.

Live Search

Instant TMDB search with suggestions, filters by genre, year, rating, and type. Infinite scroll results.

Trending Discovery

Daily and weekly trending rankings with IMDb-style numbered lists and genre collections.

Rich Details

Full cast & crew, seasons & episodes, trailers, recommendations, and similar titles.

Responsive Design

Fully optimized for mobile, tablet, and desktop with touch swipe support and adaptive layouts.

Zero Frameworks

Built entirely with vanilla HTML, CSS, and JavaScript. No React, Tailwind, or Bootstrap dependencies.

Deploy on GitHub Pages

GitHub Pages Deployment

Create a GitHub Repository

Go to GitHub and create a new public repository named streamvault or any name you prefer.

Upload Files

Upload all 7 HTML files (index.html, movie.html, tv-show.html, watch.html, search.html, trending.html, creator.html) to the root of your repository.

git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/YOUR_USERNAME/streamvault.git
git push -u origin main

Enable GitHub Pages

Go to Settings > Pages > Source and select "Deploy from a branch". Choose the main branch and / (root) folder. Click Save.

Access Your Site

Your site will be live at https://YOUR_USERNAME.github.io/streamvault within a few minutes.

Deploy on Cloudflare Pages

Cloudflare Pages Deployment

Go to pages.cloudflare.com and log in with your Cloudflare account.

Create a Project

Click "Create a project" and connect your GitHub repository containing the StreamVault files.

Configure Build Settings

Since this is a static HTML site, no build command is needed. Set the build output directory to / (root).

Build command: (leave empty)
Build output directory: /

Deploy

Click "Save and Deploy". Cloudflare Pages will automatically build and deploy your site. You'll get a *.pages.dev URL.

Custom Domain (Optional)

Go to your project settings and add a custom domain. Cloudflare will provide free SSL automatically.

Technology Stack

Frontend

Pure HTML5, CSS3 (with CSS Variables, Grid, Flexbox, Animations), Vanilla JavaScript (ES6+)

Data API

The Movie Database (TMDB) API v3 for all movie and TV show metadata, images, and search.

Streaming

VidStorm & VidRock embeds for movie and TV episode playback via iframe integration.

Deployment

Static site hosting on GitHub Pages or Cloudflare Pages. No server-side processing required.