# Activity 14: Documentation of Activity 13

In this activity I will use different project that I will deploy to document it properly because I didn’t have any screenshots of my previews deployment. I will do it again, in real time so while I am doing the depoloyment I am doing its documentation as well at the same time.

First I will make a project in the firebase website in my case I will name it Activity14.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727240761867/994c4ffc-15aa-4276-9386-96558a4ff92b.png align="center")

After creating a project we need to install the firebase tools. by typing

`“npm install -g firebase-tools”` in the cmd but I did it in my vscode terminal.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727241506053/23634ecf-3b50-4fc5-97dc-49ce62e3e739.png align="center")

And then next type `firebase login` to login your account you are using in the firebase and then type `firebase experiments:enable webframeworks`

The command `firebase experiments:enable webframeworks` is used in the Firebase CLI to enable experimental features related to web frameworks in your Firebase project. This command can be particularly useful for developers who are working with modern web frameworks like React, Angular, or Vue.js, as it allows them to access new tools, functionalities, or integrations that Firebase is testing.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727241882768/7920dd20-c5b4-443e-83fc-709f65bc4c83.png align="center")

Just ignore the red warnings. This wont affect the process of deployment.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727241988616/544fcc50-0675-4489-8137-738bd03d8f7c.png align="center")

In the image above I entered a specific folder that I want to deploy. I used the Angular-Basic-Routing for this documentation because I already deployed the AngularComponents.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727242138797/2cd09c07-0c80-461b-81da-e6a5b8737005.png align="center")

And then insde that folder type `firebase init`

The command `firebase init` is essential for setting up a new Firebase project or configuring an existing one in your local development environment. When you run this command, it initializes Firebase in your project folder, creating necessary configuration files such as `firebase.json` and `.firebaserc`, which are vital for managing your Firebase services.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727242445569/dcf1f88e-bd92-4881-b6e1-f0c945593619.png align="center")

After initializing your folder then they will ask this question. I just answered in with yes and chose the hosting and choose an exisiting project.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727242547419/b6e2c7e9-c949-4245-aaa1-d12832f2fe4a.png align="center")

in the use an exisiting project I chose the project that I just created which is Activity14

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727242717850/ce67e8e6-b66e-4571-8eb0-a1aa9c3c838c.png align="center")

and then in the hosting set up there’s a question like this I just answered it `yes` abd then the first option which is the `us-cental1`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727242789672/6191d6c0-0957-4dd9-9828-841c8f54eeb5.png align="center")

And then after that there’s another question to set up automatic builds… just type `N`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727242844332/2aa7dd22-a7cb-4c79-98f9-07a6fa8abaa6.png align="center")

After that this message should appear.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727243132287/f422c893-f23e-49ba-9c0d-5090fe89443e.png align="center")

Type `firebase deploy` and the deployment is done. I will put the link of the deployed project at the bottom. this will me Angular-Basic-Routing since I deployed the AngularComponents already.

[https://activity14-fa222.web.app](https://activity14-fa222.web.app)

this is the link. and that’s all.