# Dashboard Setup

How to run the admin Dashboard

![](https://805584546-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lpflk0-Nv8K7JXxq-Qk%2F-MEWu7pDzFliYQxUQzn2%2F-MEXk54ttiwhFT32WkS6%2FScreen%20Shot%202020-08-12%20at%204.18.26%20PM.png?alt=media\&token=b2d35ed9-4ab8-4dc7-8c85-fe6d4a7a5e2e)

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. 

![](https://805584546-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lpflk0-Nv8K7JXxq-Qk%2F-MEWu7pDzFliYQxUQzn2%2F-MEXkOibwHns5gv80uR9%2F6.png?alt=media\&token=a132bfd9-f756-427b-98c3-5ad819f991fa)

![](https://805584546-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lpflk0-Nv8K7JXxq-Qk%2F-MEWu7pDzFliYQxUQzn2%2F-MEXkS3pMaQ130qvSfSc%2F7.png?alt=media\&token=ed692525-b50a-459e-a18d-d5f2610a990c)

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