Youtube Clone Using Reactjs With Free Source Code

Introduction

Hello friends, today we have created a beautiful project for you which is YouTube Clone Using Reactjs. In this YouTube clone you can search videos and watch videos like YouTube. We have added all the features to it. We have also used HTML to create it and along with it we have used tailwind and bootstrap. This clone will help you a lot in improving your coding skills. If you also want to learn coding then you have come to the right blog post. Friends, if you learn this project properly then you will get a lot of knowledge about coding and we have shared it in reactjs. I have made it so that our project loads fast, so let's go now let's know how to run it so that you can use it.

How to Add Project Api

Friends, there is some process to run this clone project. If you do not know that process, then you will be able to run it. For creating this project, we have also used Api because if you want to show live data, then you have to use Api. So before running this project, we will have to add Api in this project. Otherwise, when we run the project, nothing will be shown there. So, let us see step by step how the project is run and how Api is added.
  • First of all you have to add API for which first of all you have to open the cloned project file in vs Code
  • After this you have to create a new file whose name will be .env
Youtube Clone Using Reactjs With Free Source Code


Now you have to go to this site https://rapidapi.com/hub and there you have to create a free trial account. After this you have to search YouTube and then you have to copy the YouTube API there. After that, you have to put your API in the code that is shown below and add it to the .env file.

How to Run Project

Now we have added our api in our file but doing this much will not run our project. Now to run it we will have to start npm from which we will get a link which will be of our localhost through which we will be able to make our project live and use it.

  • Before running the project you have to check whether there is another folder inside your folder or not. If there is, then you have to use the command given below.
 cd project-name
  • By doing this you will enter the folder, then you have to enter the code given below and you have to add this code to your terminal.
 npm run dev
  • Then you have to enter the code given below again, after which all the files of your project will start running.
Friends, now your project has run successfully, you must have got a localhost link from which you can see your project live.