Skip to content

piyushkumarg/YouTube-Clone

Repository files navigation

YouTube Lite

YouTube Lite 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.

Deployed Application See Here

youtube-clone

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 YouTube-lite repository and install the dependencies.

Clone the YouTube-lite repository using git:

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

cd YouTube-Clone

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

Contributions are welcome! If you find any issues or would like to suggest enhancements, please create a new issue or submit a pull request.