> For the complete documentation index, see [llms.txt](https://docs.ionicfirebaseapp.com/flutter-grocery-app-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ionicfirebaseapp.com/flutter-grocery-app-pro/dashboard/dashboard-setup.md).

# 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. 

![](/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  

`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
```