Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
June 4, 2020 12:02 pm GMT

Awesome React Project "Youtube Clone" Built in less than 45 min. GitHub Link Available.

ReactJS is currently the most popular stuff online and in dev community.
So today i though of sharing a way to make your GitHub repository attractive, and hence we are building a reactJS App which has Ability of Cloning the content of Youtube and took me less than 45 min.

This is a great project for beginners where one can learn fetching data from API's.

So lets make your next 45 min Productive..

GitHub Code Avilable : https://github.com/8bithemant/Youtube-Clone

Basic knowledge of axios get, react , JavaScript and Api's is must

Firstly we need to get API from google dev console, the api will be
Youtube data API v3,

After this you need to create 4 components:
SearchBar
VideoDetail
VideoList
VideoItem,

The basic method can be done by yourself, if facing any trouble can contact and check my github code for troubleshoot;

Making the request on based on your search is the main step to get done, this can be done by setting the search keyward to qwery, and the code is below

const { data: { items: videos } } = await youtube.get("search", {  params: {    part: "snippet",    maxResults: 5,    key: 'AIzaSyAo-xk9f-V9QDwX3rLA7xDHgdKsd_xX4R4',    q: searchTerm,  }});

This is the main step to be done and this is how you make request from youtube API and i hope the other step invlove of manuiplating the data into the page in cards and etc.

Feel Free TO contact for help and
follow me on github

Don't forget to check my GitHub as well and star or follow.if you like

I Am 18 Year Old MERN stack Developer, Who dream to be master JavaScript And Mern Stack , Bless if you like
:-Hemant Joshi


Original Link: https://dev.to/hemant/awesome-react-project-youtube-clone-built-in-less-then-45-min-github-link-avilable-31g

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To