Hello and welcome to the project in this project.
We'll see how to build a video sharing platform from scratch using the actress.
So what is meant by video sharing platform?
So it is basically, as you can see, YouTube is a video sharing platform.
So we are going to build something similar to YouTube or possibly color coded as a YouTube clone.
So this will be the home page of your website.
You are seeing what it will be using the data from the YouTube API, from the Google Developer console
to fetch these videos based on the search item what the user is typing.
So basically, we follow these steps, we will set up the project and then we'll learn about how to
use the YouTube API, how to use it anyway.
Grid system and then we'll be dealing with the components with a little component, really a list component,
video item component and also exporting these components one by one and also exporting all of them together
using index components component.
And then finally going finish up the project by after completing all the by all the business logic code
inside each and each end of this component.
The frameworks and technologies that you will learn will be components, product structure, lifecycle
methods, state management, how to pass props from parent component to child component, working on
API requests and how to get the YouTube API key from the Google developer tools and also Axios material.
So basically, this exercise for Perfetti requests from give an API like YouTube API and if you are
using some other project, for example, if you want Google Authentication API building with that API,
and now we can see our final working of the product that we are going to build.
So this will be the landing page for the research.
And then since there are nothing we are researching yet, there is a sense some place in learning if
you said something, for example, and such.
JavaScript.
You can see I'm getting over areas related to JavaScript in such Avengers.
You can see I'm getting rid of the utilitarian, yes, as you can see, we are getting five meters audio.
This is because in the code, I have given the MAX results as fight, so only the five meters will be
fetched from the search of YouTube.
And then those five videos.
We are like writing the code how to display them like this.
You can also play that day, as you can see, can click on the video and the video beautifully.
They remain the same options of beauty brands, subtitles, captions and everything.
So here this thing, like we are getting the Typekit over here in the video list component and also
the in the video detail component deriving the title.
So this works because of the passing we act drops from one component other components.
As I said in the state management and all in the frameworks and technology will learn.
This is basically the Google Developer Council that will be using the API services and all.
We'll see that in the four other videos, and then you click on the title.
It will read to the YouTube a real YouTube page, and you can see the videos and all that.
Stock, so this is what this is like, you can search anything you want to search StarWars, you can
see we are getting the results very quickly.
So this is very fast and then is almost similar to your API.
You can search.
You can watch everything that you are watching YouTube, YouTube here if you want, or you can go to
one for step.
And also all the styling, all the cases like YouTube blog on some of your.
The page that you want to build your lawyer on video sharing platform, the name you give your video
sharing platform and know, think so.
Yeah, so this is how we can do it.
And so it's one more thing.
And so on to refresh, you can see everything is one, because this is the basic starting landing page
that we are going to be going through the.
Will be using the gate system of the React material and then reload some function.
And then we'll be building the components of intelligence where we can export all the components through
a single lens search, a modular detail, read item, media, a list.
So basically, we'll see you one by one.
We'll write the code from scratch and see how do what the code means and how it works.
And so we'll see everything from that period.
And I hope you are excited as well to start the project.
Let's keep going.