Documentation


Introduction

JustDo Angular Admin is a responsive Angular 7 template that is based on the CSS framework Bootstrap 4 and it is built with Sass. Sass compiler makes it easier to code and customize. If you are unfamiliar with Bootstrap or Sass, visit their website and read through the documentation. All of Bootstrap components have been modified to fit the style of JustDo Angular Admin and provide a consistent look throughout the template.

Before you start working with the template, we suggest you go through the pages that are bundled with the theme. Most of the template example pages contain quick tips on how to create or use a component which can be really helpful when you need to create something on the fly.


File Structure

Once you have download the package you will see the following folder structure inside the folder.


Installation

Set up the Development Environment

Install Node.js and npm if they are not already on your machine.

Angular CLI is a command line interface for the latest Angular. Install it before start with the Angular app.

If you have Angular CLI installed previously, update it to the latest Angular CLI. Remove the older version and re-install it.

Template Installation

Go to the project directory and install the Angular local project dependencies.

Run npm install. This command install the dependencies in the local node_modules folder. By default, npm install will install all modules listed as dependencies in package.json.

The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files. Using the --open (or just -o) option will automatically open your browser on http://localhost:4200/.

For more detailed information to install the Angular application, visit this official Angular documentation website.


Deployment

Deploy Angular app

For the simplest deployment, create a production build and copy the output directory to a web server.

1. Start with the production build:

2. Copy everything within the output folder (demo/) to a folder on the server.

3. Configure the server to redirect requests for missing files to index.html.

If you copy the files into a server sub-folder, append the build flag, --base-href and set the <base href> appropriately. For example, if the index.html is on the server at /my/app/index.html, set the base href to <base href="/my/app/"> like this.

If you're serving the app out of a subfolder, edit a version of index.html to set the base href appropriately. For example, if the URL to index.html is www.mysite.com/my/app/index.html, set the base href to:

Learn more about the role of <base href> below.

You also can set the base href right in the ng build command

For more detailed information, visit this official Angular documentation website.


Basic Structure

App Component

Settings Panel


Customer Support

We will assist you any problem you encounter while buidling your dashboard via JustDo Angular Admin.

Email: support@urbanui.com

We will respond to you as quickly as we can. Thank you.