Hello, everyone, and welcome to one really important feature, which slipped my mind, which we are
going to add to this website and I forgot to mention during the introduction with you is that we are
going to host this website live.
Yes, you heard it right.
We are going to hold this up.
So live on Firebase.
So we'll be using Firebase for the hosting of this website.
So that is a really important feature, which I forgot to mention during the introduction video.
So that's what we are going to do.
We are going to learn about Firebase and host this upstart live and Firebase, so will do it at the
end of the project when we are done with the coding part and all.
So that said, OK, so now let's get started.
So now what need you need to do is if you are new to react, let me just tell you if you are an intermediate
beginner, that's OK, but for the ones who are new.
And so for them, let me just tell you, if you are new to react, you need to have Node.js and npm
install on your machine, your computer.
So for that, if you don't have installed, you just need to go to this website, which is Node.js dot
org.
So here you will have to download this installer.
So once you hit this download button and installer will be downloaded, and after downloading, install
all you have to just follow the procedure and instructions to friends to install the Node.js and PM.
So I am telling and PM also with Node.
Yes, is that if you download this installer and install Node.js from here.
So npm will be automatically installed on your machine, you don't need to install it separately from
any other source.
OK, so once you have installed and all and PM, you're good to go.
Next, you need a code editor.
So I personally used scored and I prefer the score, and I'll recommend you also to use vs code because
it's very development friendly.
And so that's what I use.
So if you don't have to be escorted, you can just go to this website, which is code or visual studio.
Dot com slash download.
So from here, you can download VSCO according to your operating system.
If you are a Linux, Mac or Windows, any user according to your configuration of your PC, you can
download it and install it.
The installation process is really, really basic, which is that in any other software in the world.
So we just need to install it.
And after installing, you are good to go.
You can disappointed.
So next, let me just tell you the API, which you are going to use today, that is the admin API.
So this is the API which we are going to use today to fetch the data and to get all the images, data
and the name of the recipes and everything.
So this is the.
This is the website.
This is the API.
This is a really, really famous Adam API website.
So this is what we are using to get the fetch the data and.
So let me just show you how to set up the API and all.
So for that, you need to just go to this website, the dot com.
So from here, first of all, the very first thing is that you need to log in if you have an account.
And if you don't have an account, of course you need to sign up and create an account and then you
need to log in again.
So once you are logged into this website, then you need to go to this API developer portal here and.
Then you can just go to IPPIS and then you to go to recipes, so Typekit and this is the product which
we are going to build today, so we'll be using recipes.
Then you to go here and then you need to select a plan.
So of course, we are going with the free plan that is the developer plan.
So just click on Start now and then you need to provide your name, email address and everything.
Once you have filled that form and take on some weight and then you will receive the thank you marks
two percent, please log in to your account.
So now I need to log in again to the account.
It will log me out.
Maybe not.
So if you have logged out so you need to log in again and then you need to create another application,
indie and API key.
So how you will create that?
That you need to go to the API developer portal and then you need to go to this get API key, now you
need to click on this and then I already have our API key, but you can create another one.
Maybe I can create a new application.
And then it will it will ask for the category, so we are going with the recipe for Tupaea, of course.
And now we need to provide name name will provide best.
Not just best.
And this.
Is the best application?
All right.
Next, we'll click on create applications through our application will be created, hopefully.
And yeah, so we have got the application ID and application kit.
So these two things are really, really important.
So you can just copy both of them and keep it somewhere based off somewhere because we'll be needing
this during the time of coding.
So without this, we cannot fight the data and it will be needing this application and application kit.
Or you can leave this page as it is, or you can just copy and paste.
So that's it.
And now let's go to we escort and let's install our project, and let's start.
Let's start building our project and let's install a React project.
So now I'm here and we scored and I've created my project, so if you know how to create a real project,
you can just go ahead and create ready for project.
And if you don't know, let me just go ahead and tell you how to create.
Well, first of all, you need to open with a score.
So don't don't like Match.
What?
What is showing up?
In my view, a score you and it will be different because you all you have installed for the first time,
maybe so or whatever you need to just first of all, open the scoring and then you need to go to the
third terminal and you need to just select.
They.
A CO two car have buckled to.