# Dashboard Setup

How to run the admin Dashboard

![](/files/-MEXk54ttiwhFT32WkS6)

In Above Screenshot you can find the admin dashboard code in `grocery-cms-dashboard`

## ADD CREDENTIAL TO PROJECT

Inside the project folder, there will be a folder called **src**. Once you navigate to the **src** folder you will see a folder called **environments** where the application's **api\_keys** and the server connection URL is stored.&#x20;

![](/files/-MEXkOibwHns5gv80uR9)

![](/files/-MEXkS3pMaQ130qvSfSc)

Generally, for every application, there will be two environments i.e Development and Production. Similarly, the **environments** folder will have three files to store development, testing, and production environment configurations. environment.ts contains the development environment configuration, environment.test.ts contains testing environment configuration environment.prod.ts contains the production environment configuration.\
\
UPDATE API URL TO CMS DASHBOARD.\
You need to change the value of API endpoint in the file &#x20;

`src/environments/environment.ts`

`apiEndPoint:`  the value must be your deployed API URL.<br>

Open the Terminal and navigate to the project folder`cms-dashboard`and install NodeJS dependencies. Please make sure you have node, npm, and [angular-cli ](https://cli.angular.io/)installed before running the  below command:

```
$ npm install
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ionicfirebaseapp.com/flutter-grocery-app-pro/dashboard/dashboard-setup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
