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.

About the Project

Features

Technologies Used

Project Structure

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.

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.

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.).

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.

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 ).

HTML5

CSS

JavaScript

📂 Project 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