Advisr

- Welcome
- Main File Structure
- Setup
- Sources & Credits
- Support

Copyright © 2025. Advisr All Rights Reserved.

# Advisr - Business Consulting Angular Templates

Created: 06 August 2025
By: Unifato
Email: unifato.themes@gmail.com
Thank you for purchasing our theme. Advisr - Business Consulting Angular Templates. If you have any question, please feel free to contact us.

# Main File Structure

All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open "Advisr" folder.

        ├── public                  # Static public files (favicons, robots.txt, etc.)
        ├── src
        │   ├── app
        │   │   ├── components      # Shared reusable UI components like buttons, cards, modals
        │   │   ├── directives      # Custom directives used across the app
        │   │   ├── multi-pages     # Homepage variants (home-1, home-2, etc.)
        │   │   ├── single-pages    # Single-page landing pages (single home variations)
        |   |   ├── service         # Angular services for API calls, data handling, state management
        │   │   ├── layout          # Header, footer and overall layouts
        │   │   ├── views           # pages, about, shop, services, blog and contact
        │   │   ├── app.config.ts   # Global application configuration (constants, settings)
        │   │   └── app.routes.ts   # Application routing configuration
        │   ├── assets
        │   │   ├── img             # Static image assets
        │   │   ├── css             # Additional global CSS
        │   ├── index.html          # Main HTML shell for the app
        │   ├── main.ts             # Main entry point for Angular app bootstrap
        │   └── styles.scss         # Global stylesheet
        ├── angular.json            # Angular CLI project configuration
        ├── package-lock.json       # Auto-generated dependency lock file (npm)
        ├── package.json            # Project metadata and dependencies
        ├── tsconfig.json           # TypeScript compiler configuration
        └── yarn.lock               # Auto-generated dependency lock file (yarn)

# SetUp

#### Prerequisites

Please follow below steps to install and setup all prerequisites:

- ##### Node.js

  In order to use build tools you will need to download and install Node.js. If you do not have Node.js installed already, you can get it by downloading the package installer from the official website. Please download the stable version of Node.js (LTS).

- ##### Angular CLI

  Make sure to have the Angular CLI installed & running in your computer. If you already have installed gulp on your computer, you can skip this step. In order to install, just run command `npm install -g @angular/cli` from your terminal.

#### Installation

To setup, follow the below mentioned steps:

You can run the following commands to run project locally or build for production use:

You can run this app following package manager: Bun, Yarn or NPM

##### 1. Bun

If you don't have bun installed on your PC, use the `npm i -g bun` or `sudo npm i -g bun` to install

Command | Description
--- | ---
`bun i` | This would install all required dependencies in `node_modules` folder.
`bun start` | Runs the project locally, starts the development server.
`bun run build` | It bundles with production mode. Your app is now ready to be deployed.

##### 2. Yarn

If you don't have yarn installed on your PC, use the next command `npm i -g yarn` or `sudo npm i -g yarn`

Command | Description
--- | ---
`yarn` | This would install all required dependencies in `node_modules` folder.
`yarn start` | Runs the project locally, starts the development server.
`yarn build` | It bundles with production mode. Your app is now ready to be deployed.

##### 3. NPM

npm comes preinstalled when you install Nodejs

Command | Description
--- | ---
`npm i` | This would install all required dependencies in `node_modules` folder.
`npm start` | Runs the project locally, starts the development server.
`npm run build` | It bundles with production mode. Your app is now ready to be deployed.

# Sources & Credits

We've used the following open-source tools, libraries, and resources to build this Angular project. Credit goes to the creators and the open-source community behind them.

- Angular 20 – Modern frontend framework for building single-page applications
- Bootstrap 5.3 – Responsive design framework for grid, layout, and utilities
- @ng-bootstrap 19 – Angular-native Bootstrap components (no jQuery)
- Font Awesome 6.7 – Scalable and customizable vector icons
- AOS (Animate On Scroll) – Scroll-triggered animation library
- ngx-countup 13.2 – Animated counter library for Angular
- ngx-owl-carousel-o 20 – Owl Carousel wrapper for Angular
- jQuery 3.7 – Used for optional third-party plugin compatibility
- jQuery Nice Select – Custom select box styling plugin
- RxJS 7.8 – Reactive programming library used internally by Angular
- @popperjs/core 2.11 – Popper.js for tooltips and dropdown positioning (required by Bootstrap)

# Supports

Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.

Unifato