Skip to content

ddiaaaaanna/streambox-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Streambox

A streaming platform mockup inspired by modern services like Netflix, built with HTML, CSS, and JavaScript using the TVMaze API.


🔗Live Demo

https://movie-streaming-site-three.vercel.app/


Preview

Homepage Homepage Search function Movie details page Movie details page


Tech Stack

  • HTML
  • CSS
  • JavaScript
  • TVMaze API

How It Works

  • Fetches TV shows from the TVMaze API
  • Displays shows in a responsive grid layout
  • Allows users to search for shows by title
  • Allows users to filter shows by genre
  • Clicking a show opens a details page with full information

API Integration

  • Fetches all shows from the TVMaze API
  • Implements search using API query endpoint
  • Fetches individual show details
  • Fetches cast data for each show

Features

  • Live search (results appear after typing 2+ characters)
  • Dynamic genre filtering (auto-generated from API data)
  • Multi-page navigation using URL parameters (details page)
  • Show details page with full information
  • Cast list for each show
  • Dynamic UI updates based on user input
  • Responsive layout (desktop, tablet, mobile)
  • Hover effects on cards

Goal

Practice working with APIs, DOM manipulation, dynamic rendering, and multi-page navigation while building a realistic user interface.

About

Streaming platform mockup inspired by Netflix, built with HTML, CSS, JavaScript, and the TVMaze API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages