Purpose of a starter kit

Introduction to the Angular Template Starter Kit:

The Angular template starterkit is a resource that helps developers kickstart their Angular web development projects by providing a preconfigured and ready-to-use template. It aims to simplify the initial setup and provide a foundation for building Angular-based websites or applications.

Purpose of the Angular Template Starter Kit:

The purpose of the Angular template starter kit is to save developers time and effort by offering a set of prebuilt files and configurations commonly used in Angular projects. Instead of starting from scratch, developers can leverage the starter kit to quickly set up a project structure that adheres to best practices and industry standards.

Benefits of Using the Angular Template Starter Kit:

The starter kit eliminates the need to set up the basic project structure manually. It provides a well-organized file and folder structure, including commonly used directories for separating code, templates, assets, and configuration files. This allows developers to focus more on implementing business logic rather than spending time on initial setup.
Before using the Angular template starter kit, developers should have a basic understanding of Angular and web development concepts.

Starterkit Overview

You can use the Starterkit if you are creating a new project. It will be time-consuming to use the full admin version for a new project as Spruha have more than 100 pages.

We have provided all the pre-build layouts like Sidemenu, Header, footer and blank pages etc in the Starterkit.

Starterkit Folder Structure

starterkit/
        ├── node_modules
        ├── src
        |   ├── app/
        |   |   ├── auth
        |   |   ├── components
        |   |   ├── shared
        |   |   ├── material-module
        |   |   ├── app.component.html
        |   |   ├── app.component.scss
        |   |   ├── app.component.ts
        |   |   ├──  app.config.ts
        |   |   ├──  app.routes.ts		      
        |   ├── assets/
        ├── |-- |-- css/
        |   |-- |-- ├── style.css
        |   |-- |-- ├── style.css.map
        |   |-- |-- ├── icons.css
        |   |-- |-- ├── icons.css.map
        ├── |-- |-- icon-fonts/
        ├── |-- |-- images/
        ├── |-- |-- landing/
        ├── |-- |-- libs/
        ├── |-- |-- scss/
        |   |-- |-- ├── bootstrap/
        |   |-- |-- ├── custom/
        |   |-- |-- ├── global/
        |   |-- |-- ├── menu-styles/
        |   |-- |-- ├── pages/
        |   |-- |-- ├── utilities/									
        |   |-- |-- ├── switcher.scss
        |   |-- |-- ├── bootstrap.scss
        |   |-- |-- ├── _variables.scss
        |   |-- |-- ├── icons.scss
        |   |-- |-- ├── styles.scss
        ├── |-- |-- video/
        ├── |-- environments/
        |   |   ├── environment.prod.ts
        |   |   └── environment.ts
        ├── |-- |-- .htaccess/
        |   ├── favicon.ico
        |   ├── index.html
        |   ├── main.ts
        |   ├── styles.css
        ├── .editorconfig
        ├── .gitignore
        ├── angular.json
        ├── package-lock.json
        ├── package.json
        ├── README.md
        ├── tsconfig.app.json
        ├── tsconfig.json
        └── tsconfig.spec.json