YouTube-Lite is a lightweight clone of the popular video streaming platform YouTube. It provides users with a seamless experience to explore, watch, and share videos. This project is developed using HTML, Tailwind CSS, JavaScript, React, and the YouTube API.
📌 Live URL - Youtube-Lite
- Browse and search videos from a vast library across various genres.
- Intuitive user interface resembling the familiar YouTube design.
- Responsive layout for optimal viewing experience on different devices.
- Customizable video playback options, including quality, subtitles, and playback speed.
- Integration with the YouTube API for seamless access to YouTube accounts and functionalities.
- Search videos on various categories directly from Feed section.
- Clone the repository:
https://github.com/Prachi24599/youtube-lite.git- Navigate to the project directory:
cd youtube-lite- Install the dependencies:
npm install- Start the development server:
npm start- Open your web browser and visit http://localhost:3000 to access YouTube-Lite.
-
Visit the RapidApi and sign up.
-
Search "Youtube" in Search for API field. YoutubeApi
-
You need to subscribe to this api if you are using it first time and then select free plan.
-
In API, click on endpoint tab and then Code Snippets.
-
Copy the API key. It is named as "X-RapidAPI-Key" under headers.
-
Open the .env file in the root directory of the project.
-
Add the following line to the .env file: and Replace YOUR_API_KEY with the API key you obtained.
REACT_APP_YOUTUBE_API_KEY = YOUR_API_KEY- Save the .env file.
If you find a bug or have a suggestion for improvement, please open an issue or submit a pull request.
This project is licensed under the MIT
- RapidApi API: https://rapidapi.com/Glavier/api/youtube138/
- React: https://reactjs.org
- Node.js: https://nodejs.org
Happy Coding!