ShowBox

Welcome to our streaming website project, where we aim to create an immersive and enjoyable streaming experience akin to popular platforms like Netflix. This README serves as a guide to understanding the project structure, functionality, and how to set it up locally.

Table of Contents

1. Introduction
2. Features
3. Technologies Used
4. Usage
5. Contributing

Introduction

Our streaming website project is designed to provide users with a seamless streaming experience, allowing them to discover, watch, and enjoy a wide range of content including movies, TV shows, documentaries, and more. With a user-friendly interface and a vast library of content, we aim to cater to diverse preferences and interests.

Features

• User Authentication: Users can create accounts, log in, and securely authenticate themselves.
• Content Discovery: Users can browse through various categories, genres, and recommendations to discover new content.
• Streaming: Seamless streaming experience with high-quality video playback.
• Search Functionality: Users can search for specific titles, actors, or genres to find content quickly.
• Personalization: Recommendation algorithms provide personalized content suggestions based on user preferences and viewing history.
• Multiple Device Support: Accessible across multiple devices including desktops, laptops, tablets, and smartphones.
• Subscription Management: Users can manage their subscription plans, including upgrading or canceling subscriptions.
• Admin Panel: Administrators can manage content, users, and subscriptions through an intuitive admin panel.
• Responsive Design: The website is designed to be responsive and accessible across various screen sizes and devices.

Technologies Used

• Frontend: HTML5, CSS3, JavaScript
• Deployment: AWS, Google Cloud Platform, Heroku, or other cloud hosting services
• Version Control: Git, GitHub
• VS-code

Usage

• Create an account or log in if you already have one.
• Browse through the available content using categories, genres, or search functionality.
• Click on a title to view details and start streaming.

Contributions

Manpreet kaur contact: click here

Abdul Malik contact: click here

Martin Aleogho contact: click here

Nishat Samanta Progga contact: click here

Javascript(pop-up)

function hideDialog() {
  dialog.classList.remove('isvisible');
  overlay.classList.remove('isvisible');
  isVisible = false;
}

onEvent('load', window, function() {
  clearForm();
});

onEvent('click', contact, function() {
  showDialog()
});

onEvent('click', overlay, function() {
  if (isVisible) hideDialog();
});

onEvent('keyup', document, function(event) {
  if (isVisible && event.key === 'Escape') {
    hideDialog();
  }
});

onEvent('click', button, function() {
  alert.classList.add('isvisible');
  hideDialog();
  setTimeout(function() {
    alert.classList.remove('isvisible');
    clearForm();
  }, 5500);
});

To see live demo click here