TubeSync

TubeSync is a lightweight web application that allows users to browse and watch videos. It provides a simplified and intuitive interface for a seamless video watching experience.

Features

Browse and search for YouTube videos.
Play videos directly within the application.
Utilize the power of React Router DOM for smooth navigation between different views.
Display video durations in an abbreviated format using the js-abbreviation-number library.
Integrate popular icons from the React Icons library to enhance the user interface.

Getting Started

To get started you can simply clone this TubeSync repository and install the dependencies.

Clone the TubeSync repository using git:

git clone git clone https://github.com/piyushkumarg/YouTube-Clone

cd TubeSync

Install dependencies with this command:

npm install

Configuration

To fetch data from the YouTube API, you need to obtain an API key from the YouTube Rapid API. Follow these steps:

Visit the Rapid API website
Sign up for an account and obtain an API key.
In the project directory, create a .env file.
Add the following line to the .env file,replacing YOUR_API_KEY with your actual API key:

REACT_APP_YOUTUBE_API_KEY=YOUR_API_KEY

Run the application with this command:

npm start

Technologies Used

React
React Router DOM
Contex API
Tailwind CSS
React Icons
React Player
axios
Rapid API

Contributing