Skip to content

MIshaqKhalid/Stream-Box

Repository files navigation

🎬Stream Box

Stream Box is a responsive, feature-rich frontend for a movie streaming platform. It offers a cinematic user interface allowing users to browse movies, filter by genre, view subscription plans, and contact support.


📑 Table of Contents

About the Project

Features

Technologies Used

Project Structure


📖 About the Project

Stream Box was built to simulate a modern streaming service experience. The project focuses on a high-quality UI/UX with smooth transitions, a dark-themed aesthetic, and responsive design elements. It includes multiple pages such as Home, About, Plans, Login, and Contact, providing a complete site navigation flow.

The project currently serves as a static frontend, utilizing vanilla JavaScript for dynamic interactions like movie searching and genre filtering.


✨ Features

🏠 Home & Discovery

Dynamic Movie Grid: Browsable list of movies with hover effects.

Search Functionality: Real-time search by movie title.

Genre Filtering: Filter movies by categories (Action, Comedy, Drama, Sci-Fi).

Hero Section: Immersive landing area with "Call to Action" buttons.


💰 Subscription Plans

Tiered Pricing: Displays Basic, Standard, and Premium plans.

Interactive Cards: Hover effects on pricing cards to highlight options.

Feature Comparison: Clear listing of benefits (Screen count, Resolution, etc.).


👤 User Interaction

Login Page: Stylish login interface with background overlay.

Contact Form: Functional layout for user inquiries with validation logic.

Google Maps Embed: Integrated map display on the contact page.


🎨 Design

Responsive Design: Fully adaptable layout for Desktop, Tablet, and Mobile.

Animations: Smooth transitions on buttons, navigation links, and cards.

Theme: Dark Mode (Black background with Red accents ).


🛠 Technologies Used

HTML5

CSS

JavaScript


📂 Project Structure

File Structure

about/ # About page HTML, CSS contact/ # Contact form and info images/ # All images used across site index.html # Main home page style.css # Global styling subscription.html # Plan page HTML,CSS login.html # Login page HTML,CSS,JS 

Navigation

ActionResult
Click "Login"Opens Login page
Click "subscription"Opens plan page
Click "About"Shows company details
Click "Contact"Shows contact form/info

Made with ❤️ by Muhammad Ishaq Khalid

Made with ❤️ by Muhammad Hamza

Made with ❤️ by Muhammad Shameer

© 2025 Stream Box. All Rights Reserved.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •