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.
Once you have download the package you will see the following folder structure inside the folder.
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.
Go to the project directory and install the Angular local project dependencies.
npm install. This command install the dependencies in the local
npm install will install all modules listed as dependencies in
ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.
--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.
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
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.
We will assist you any problem you encounter while buidling your dashboard via JustDo Angular Admin.
We will respond to you as quickly as we can. Thank you.