🎬 KingPlay Video Streamer

A modern video streaming platform prototype with cinematic visuals and smooth animations. Built for movie enthusiasts!

✨ Features

• 🎥 Auto-playing hero section with cinematic trailer
• 🌓 Smart dark/light mode toggle
• 📱 Fully responsive design
• 🎬 Movie poster hover animations
• 🔍 Interactive search functionality
• 📺 Dynamic feature tabs
• 🖼️ HD quality indicators
• 🎞️ Smooth page transitions

🚀 Quick Start

1. Clone the repository:

git clone https://github.com/yourusername/kingplay-streamer.git
cd kingplay-streamer

2. Open in browser:

open index.html  # Or double-click the file

For Electron desktop app

npm install
npm start

Prerequisites

• AWS Account (for production deployment)
• Node.js 16+ (for Electron build)

🎮 Usage

1. Toggle Theme
   Click the sun/moon icon in top-right to switch between dark/light modes

2. Browse Movies
   Hover over movie posters for zoom effect
   Click posters to watch movies

3. Explore Features
   Click through different content tabs (Movies, TV Shows, Originals)

4. Responsive Design
   Resize browser or view on mobile devices for adaptive layout

🛠️ Tech Stack

• Font Awesome Icons
• Google Fonts
• Cloud-hosted Videos

🎨 UI/UX Highlights

🌓 Dark Mode Magic

body.dark-mode {
  background: #0a0a0a;
  color: #fff;
  transition: all 0.5s ease;
}

Smooth color transitions with CSS animations

🎥 Cinematic Hero Section

Auto-playing fullscreen background video with overlay text

🎬 Movie Grid Animation

.movies-img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

Hover effects with scale transformation and shadows

📱 Mobile-First Design

@media (max-width: 768px) {
  .menu {
    display: none;
  }
  .menu-btn {
    display: block;
  }
}

Responsive hamburger menu for mobile devices

📸 Screenshots

Light Mode	Dark Mode

dashboard	streaming

🌟 Contributing

Found a bug? Have a feature idea? Contributions welcome!

1. Fork the project
2. Create your branch (git checkout -b feature/AmazingFeature)
3. Commit changes (git commit -m 'Add AmazingFeature')
4. Push to branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📜 License

Distributed under MIT License. See LICENSE for more information.

⚠️ Disclaimer

This project is for educational purposes only. Movie assets are used as placeholders. Please replace with licensed content for production use.

---

Made with ❤️ by [C MANOJ KUMAR] | Live Demo | Report Bug