Okay.
Hello, everyone, and welcome.
So now we are going to host our website live on Firebase.
So now we are done with the coding part and everything.
So let me just stop the server and let's go to the browser and let's go to the website of Firebase.
So now I'm on the Firebase server side, so you can just Google Firebase and just come to this website
that is considered a Firebase Dart Google.com.
As you all know, it's a Google product.
So after coming to this website, just click on Create Project and just name.
Just name your project.
Maybe what is food?
Or maybe a recipe?
Hub.
Recipe hub.
Recipe hub and I accept their terms.
Let me just press continue, and now we are here and it says, do you want to enable Google Analytics
for your project?
So I will choose Norm because now we are only interested in hosting.
So we'll now click on the Create Project button.
So.
See, creating your project, please wait, so this is creating a project, so this will take few seconds,
not more than a few seconds.
So just wait till it's done.
OK, so our project is ready to be hub and your new project is ready, it shows this when you show this,
we need to just click on Continue.
And after continuing, you will go to this page and what you need to do is you need to click on this
web.
And.
Or you can just go to.
Some things have changed since I last used it.
And now you need to give an apt name, because now we are registering it to our Firebase application,
so it will be.
Recipe.
I've also set up our base hosting, of course, we want to set up Firebase hosting the app.
And it will take few seconds, not more than a few seconds, I guess.
Oh, OK, OK, OK, OK.
If you are already using npm and I'm more as that back, or you can run the following command to install
the latest SDK and BAM install Firebase because we have not yet.
We have not yet installed fire based on our terminals, so you have to just copy this, and if you already
have fired, it was installed, no problem.
But if you don't, you know, just go to your terminal and copy this command and based desk.
Let me just go and do it.
And install Firebase.
So this will take a few seconds.
Then we can just go to the web site and check out what is next.
So then and in slow spirals and begin using the case.
OK, this option uses modular JavaScript installed to together.
We can just skip this part, maybe, or we can just copy it for further uses.
Next, we'll go to next.
And install fire tools to host your side with Firebase hosting you too.
You need a Firebase light so far this your light is not out there on our communal so that also we will
install.
Once that is done, we will install this thing.
What is the status on the Brown Navy escort?
Staking few seconds.
We have installed Firebase.
Because it's been a while since I've used Firebase.
This will take time according to your speed, like your internet connection, so it can take a little
time.
OK, so it's done, it's done installing solar.
Now let me check if that works by amazing.
Next.
So I hope the Climeworks, I'm not really sure about this because we might have to command not found.
OK, so I was expecting this to happen, but now what we need to do is we need to install, Okay.
What is that?
What happened to Martin?
Now we need to install.
Why does that man?
We need to install Firebase by providing this.
This command right here, it is this and install Firebase tools and on site it was not visible, it
was it wasn't visible.
Oh, it wasn't visible or even my screen is missing.
OK.
Installed file, so we will use this command to install damage to our terminal.
So we'll copy this.
We'll go back to our terminal and.
We just installed this.
So this will take few seconds or maybe minutes.
OK, so now Firebase Clia has been installed on a terminal, so before moving forward, one thing I
need you to weigh is before getting any app into the production.
What we do is we build it so we use to come on and beam.
And PM, Ron.
So this will create a bail folder in which the production ready things will be that.
So don't forget to execute this command before opening a fire to clay or before pushing down to the
fire base.
So this will take maybe one minute or more than that or less than that.
Totally depend on your speed of the computer.
OK, so once you see this.
This message that it will give you a link and everything.
That means you have successfully made your project and you will also check this.
You can also check this by checking on the left hand side that is a folded.
So if there's a better folder, that means you have successfully build your projects.
Now we log in to fight a firebase through our terminal, so I'll tap the command firebase and then logging.
So this will also show us if Firebase is successfully installed or not.
Oh yeah, yeah, yeah, yeah.
Allow Firebase to Klebsiella using error reporting information, so I'll just enter.
And waiting for authentication with this, you are also not want this, you are at least provided so
you can just copy it and.
No, no, no, no, no, no, no, no, no.
So what you need to do is just open this so you are in your browser, and when you go to your browser,
it will open something like this, then you need to just allow and it will open Firebase console Wahoo
Firebase to a successful log in.
Now we need to go to this.
Yeah, you can.
You will see the message, so you need to just clear the screen and that you need to just run the command
Firebase Connect and this will initialize Firebase and.
It will take few seconds because it's loading for the first time, you can see Fire Michaela is here.
Now we'll go to Boston and now we you can navigate through arrow keys, remember?
So now you can go to Boston and then the spacebar to select hosting and then you have to just click
enter and you will use an existing project to use an existing product.
Yes, use an existing project recipe hub.
As you can see that there's only one project recipe you can just click and tap because if you have more
than one product, so it will show you.
So then you need to navigate to the project, which you want to connect.
Right.
So right now, we have only one project with this account, so you will just select one and you don't
even need to select the unit to just hit enter.
And using Project Recipe Hub.
And now this is a really crucial part here.
It is a question that what do you want to use as your public directory?
So don't put the public directory.
Don't put okay, I made a mistake.
The screen was not visible to.
I'll tell you, I'll tell you, I'll repeat, I'll repeat everything.
I'm really I'm really sorry the skin was not visible.
I'll repeat once again.
So what we need to do is now we need to open Firebase by running this command, which is Firebase in
it.
Now, after running the fire, Bissonette, there will be there will be an option to like, ask like
which there will be and there will be a list.
So in that place, do you need to select hosting by going to by going to the hosting through the Rockies?
Once you go on the events you raised to hosting, you need to press spacebar and then hit enter.
So after that, you will get an option to.
So here you will provide.
The name of the public directory.
So.
So how do you provide the big wedding, not the public pool?
Like many people do this mistake, they provide public but don't provide public or otherwise.
You will not see your app running live.
So just provide.
Bill?
And hit enter.
And next to configure it as a single page app.
So yes, it's a single page app and set up automatic bills, and it doesn't get to know and file already
exists.
All right.
Maybe, yes.
I can't remember what we put for this.
We can just put no, don't override.
So now.
We can see that is Fighter B's daughter, R and Firebase Georgeson file already came up here and all
you need to run Firebase Deploy.
This is the final command for fighter deploy and then head enter.
It will give a unique you are elevated on fire disaster, so this will take a few minutes or few seconds.
This is the final step after this.
After this, you will get the order you all and your app will be deployed to Firebase and you will get
your battery life on the internet.
Now you can see it has given us our hosting, you also let us copied and pasted in the browser and see
if this app is still running online or not.
So, yeah, it is coming because you can see the water is coming, so maybe it is taking some time.
OK, boom.
Finally, our app is supposed to live on fire because you can see that you are all you can share it
with your friends, family, anyone and you can see our app is running.
We can just use it for my door and hit enter.
Maybe it will give us the recipe.
And yes, it is working perfectly fine.
And that is what we were expecting, guys.
So now we have created our app from scratch or reject app using Xia's and styling is done with KSAZ.
And finally, we have deployed it to Firebase, and I hope you have understood there were times when
the screen was stuck at some places, but I explained everything again.
I reviewed everything which was missed out because it takes some time to like, rectify that.
The screen is stuck or not.
So at some places the screen was stuck, I admitted, and I apologize for that.
But as soon as I got to, I got to know that the screen is stuck.
I repeated everything like whatever you have missed, so don't worry about it.
And that's it for this project.
Thank you so much and see you next one.
Thank you.