Webapp Setup

This guide provides you step-by-step instructions on how to install and configure the webapp both manually and with easier alternatives.

How to run the Readymade Grocery Web app

In Above Screenshot you can find the grocery-cms-dashboard folder, open the folder to run the 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.

Generally, for every application, there will be two environments i.e Development and Production. Similarly, 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 apiEndPoint in file

src/environments/environment.ts

apiEndPoint: the value must be your deployed API URL.

Open the Terminal and navigate to the project foldergrocery-cms--dashboardand install NodeJS dependencies. Please make sure you have node, npm, and angular-cli installed before running the below command:

$ npm install

Once the packages get installed you may run the application by running the command below and you can see the app is running on your browser.

$ ng serve

PRODUCTION RELEASE

You need to change the value of API endpoint in file src/environments/environment.prod.ts To build an app for production:

$ ng build --prod

The above command will create a dist directory that you can deploy on any Hosting. If there is any issue please google it or if you don't find any solution please feel free to report us, we will look into it.