In the last section we finished up our last application in this video we're going to start to move on
to our next app.
Now quick note here at the very start of this section I want you to know that this is an optional application.
This is an app that I put together very quickly just so you can get some of a better idea or some practice
on some base low level reac concepts.
Everything that we've gone through the course so far in practice this application is going to be very
very similar to the one that we just put together with just a couple of different design patterns being
used in the different source of data that we're going to pull from instead of the splash API.
So if you feel as though you already understand all the basics every act like classes state props inputs
all that kind of good stuff.
Fantastic.
You can always pause the video right now and move on to the next section and take a look at the next
app we're going to build.
OK.
So if you want to skip go ahead and do it right now.
Otherwise we're going to talk about what we're going to making inside this video.
All right so here we go here's our Mocca.
This is essentially a YouTube browser application in code and approach and design.
It's going to be somewhat similar to the on Splash app that we put together just a little bit ago at
the very top a user is going to enter in some search term such as in this case I put in buildings for
this example.
They're then going to hit the enter key which is going to trigger a search request rather than the splash
API.
We're going to make a request over to the YouTube public free API with the YouTube API.
We're going to do a search for a list of videos matching this search term right here.
Once we get a list of videos back from this YouTube API we're going to show them on the right hand side
of the screen.
A user can then click on one of these videos and we will feature it right in the center so the user
will see the video appear right here.
They can click on a play button and play the video will also show them a title and a description of
the video at the bottom as well.
So as you see here some similar elements to what we were doing.
We're still going to have a search bar at the top.
We're going to make a request to an outside API.
We're going to render a list of items and then from there we're going to learn a couple new small things
around clicking on an item and then making sure that we show a video on the screen.
So it is similar.
Just one or two little additions to this application.
Like I said this is mostly an application so that you can just solidify some of the fundamental knowledge
around it.
All right.
So that's it.
Let's take a quick pause right here.
When we come back the next video we'll start talking about the design approach around this application
and also start to generate our new app so quick pause and I'll see you in just a minute.