An Interest In:
Web News this Week
- April 18, 2024
- April 17, 2024
- April 16, 2024
- April 15, 2024
- April 14, 2024
- April 13, 2024
- April 12, 2024
Awesome React Project "Youtube Clone" Built in less then 45 min. GitHub Link avilable.
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 then 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
Original Link: https://dev.to/hemant/awesome-react-project-youtube-clone-built-in-less-then-45-min-github-link-avilable-31g
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To