Skip to content
View Fantubes's full-sized avatar

Block or report Fantubes

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
fantubes/README.md

Youtube Clone

Introduction

This project is a YouTube clone implemented using HTML, CSS, and JavaScript. The goal of this project is to recreate the basic functionality and design of the popular video-sharing platform YouTube. This clone will allow users to view videos, search for videos, play videos, and interact with the user interface.

Features

  • Browse and watch videos

  • Play videos in a video player

  • Display video information (title, description, uploader, views, likes, etc.)

  • Responsive design for various devices

Website Link: https://fantubes.github.io/fantubes/

Technologies Used

  • HTML: For creating the structure of the web pages.
  • CSS: For styling the web pages and making them visually appealing.
  • JavaScript: For adding interactivity and functionality to the website.

Usage

  1. Open the index.html file in your web browser.
  2. The homepage will display a list of videos from the YouTube Data API.
  3. You can click on any video to watch it. The video will be played in a video player.
  4. Use the search bar to search for specific videos. The search results will be displayed below the search bar.

Configuration

You may need to obtain a YouTube Data API key to fetch real video data. Follow these steps:

  1. Go to the Google Developer Console: https://console.developers.google.com/.
  2. Create a new project (if you haven't already) and enable the YouTube Data API.
  3. Generate an API key for the project.
  4. Replace the YOUR_API_KEY placeholder in the JavaScript file with your actual API key.

Contributing

Contributions to this project are welcome! If you find any bugs or want to add new features, please create a pull request. For major changes, please open an issue first to discuss the changes.

Popular repositories Loading

  1. YT-clone YT-clone Public

    HTML

  2. fantubes fantubes Public

    HTML