Starter Kit for Angular Geeks | Nitor Infotech
Send me Nitor Infotech's Monthly Blog Newsletter!
×
nitor logo
  • Company
    • About
    • Leadership
    • Partnership
  • Resource Hub
  • Blog
  • Contact
nitor logo
Add more content here...
Artificial intelligence Big Data Blockchain and IoT
Business Intelligence Careers Cloud and DevOps
Digital Transformation Healthcare IT Manufacturing
Mobility Product Modernization Software Engineering
Thought Leadership
Aastha Sinha Abhijeet Shah Abhishek Suranglikar
Abhishek Tanwade Abhishek Tiwari Ajinkya Pathak
Amit Pawade Amol Jadhav Ankita Kulkarni
Antara Datta Anup Manekar Ashish Baldota
Chandra Gosetty Chandrakiran Parkar Deep Shikha Bhat
Dr. Girish Shinde Gaurav Mishra Gaurav Rathod
Gautam Patil Harish Singh Chauhan Harshali Chandgadkar
Kapil Joshi Madhavi Pawar Marappa Reddy
Milan Pansuriya Minal Doiphode Mohit Agarwal
Mohit Borse Nalini Vijayraghavan Neha Garg
Nikhil Kulkarni Omkar Ingawale Omkar Kulkarni
Pooja Dhule Pranit Gangurde Prashant Kamble
Prashant Kankokar Priya Patole Rahul Ganorkar
Ramireddy Manohar Ravi Agrawal Robin Pandita
Rohan Chavan Rohini Wwagh Sachin Saini
Sadhana Sharma Sambid Pradhan Sandeep Mali
Sanjeev Fadnavis Saurabh Pimpalkar Sayanti Shrivastava
Shardul Gurjar Shravani Dhavale Shreyash Bhoyar
Shubham Kamble Shubham Muneshwar Shubham Navale
Shweta Chinchore Sidhant Naveria Souvik Adhikary
Sreenivasulu Reddy Sujay Hamane Tejbahadur Singh
Tushar Sangore Vasishtha Ingale Veena Metri
Vidisha Chirmulay Yogesh Kulkarni
Software Engineering | 05 May 2020 |   9 min

Starter Kit for Angular Geeks

featured image

Some say developing Angular Material projects is all about wash-rinse-repeat (create àimport à authenticate àconfigure àexport), that’s why you need something that does all the rudimentary steps for you in one go, so you can focus on the more important ones.

For starters, Angular is a popular JavaScript-based, open-source, front-end web framework that enables developers to build powerful, dynamic web applications. Angular Material is a UI component library specifically targeted at Angular developers. Angular Material components are used to build functional yet attractive web pages and web apps while adhering to modern web design principles.

These components can be used across devices, platforms, screen sizes, and resolutions and are fully responsive. The Material UI library eliminates the need for creating multiple style sheets and adding unnecessary code.

Nitor Infotech has built a starter kit for Angular Material projects and it can cut down both your effort and time invested in it by 80%.

The standardized code architecture helps eliminate unnecessary code, improve loading times, and enhance overall functionality. Elimination of the need to write extra code helps improve your developer’s productivity.

Let’s count backwards, no I am not trying to hypnotize you, instead of going the usual way, I am going to name the benefits first and then tell you what we offer, that way you have good news followed by great news.

Benefits

Here’s a look at what boxes Nitor Infotech’s starter kit checks off. It helps you:

  1. Reduce initial project setup time by 80%
  2. Cut the need to import components explicitly into your modules to ZERO through
  3. Integrate with any backend API via data service implementation in the least amount of time
  4. Make minimum updates to stylesheets
  5. Eliminate the need to restructure the entire code for small fixes

Features

Now that you know the benefits of using Nitor Infotech’s starter kit, let me go ahead and take the liberty to explain the features to you.

  1. Built with Angular and Material Components: All the standard components from the Angular material UI component library, are included as part of the starter kit, and integrated with the Shared module . This means that, repetitive work of importing material components in individual modules is avoided and all the imports are at single place. You can change a few lines of the stylesheet to alter the theme, without needing to update the entire stylesheet.
  1. Husky Git Hooks Support:Elaborating on it a little further, this template is configured with Husky git hooks, which can be used to avoid bad commits and pushes. On any commits, it validates the application for lint errors. On any push to remote repositories, it validates the application build package. This works as an additional pre-check before running the build via a pull request tool. For example, PR in Azure DevOps.

3. Shared Module Support:I did talk about this briefly on top, but let me tell you a bit more here. You can import common directives and components from one module into another, without needing to rewrite.

Let me explain it a little, this starter kit includes a Shared Module which houses all the common components used across the solution. The common components, part of the shared module, are already exported. Thus, the components need not be imported individually in separate modules. The Shared module is imported in App module, which internally imports all common components, models, services, material imports and directives.

  1. Dynamic Configuration Support for CI/CD Pipelines: Pick up individual configurations (such as a username) from a single config file from different environments. Configurations for the application are managed via configs.json file.

These configurations are read via a service at the time when the application loads and is made available to all the modules via Config loader service.

The configuration file can be easily modified by any CI/CD tools and can be released to multiple environments with different configurations. E.g. Using XML variable substitution in the Azure Release pipeline.

  1. Shared services Approach: Use common, prebuilt services for authentication, API calls, and project constants. Few of the standard services like authentication, data, and constants service which almost all applications need are already included as part of shared module. Data service is configured to make GET/POST/PUT/DELETE API calls, and is extensible to any other HTTP verbs. Config loader service is injected into the data service to read configuration variables like API URL.

Nitor Infotech’s starter kit was devised after having explored all the proven standards and learnings from various projects. So, it is perhaps the best way for you to skyrocket your productivity.

For any other questions you might have, write to us.

P.S.: Stay home, stay safe. Thank you to all COVID heroes battling it out there. And, on a side note, remember, truth can only be found in one place: the code.

Related Topics

Artificial intelligence

Big Data

Blockchain and IoT

Business Intelligence

Careers

Cloud and DevOps

Digital Transformation

Healthcare IT

Manufacturing

Mobility

Product Modernization

Software Engineering

Thought Leadership

<< Previous Blog fav Next Blog >>
author image

Nitor Infotech Blog

Nitor Infotech is a leading software product development firm serving ISVs and enterprise customers globally.

   

You may also like

featured image

10 Heuristic Principles in UX Engineering

Say, you’ve built a modern, cutting-edge application. It has a complex, multi-layered user interface (UI), that is the basis for some amazing features. Since you’re the one who has built the applic...
Read Blog


featured image

ETL Testing: A Detailed Guide

Just in case the term is new to you, ETL is defined from data warehousing and stands for Extract-Transform-Load. It covers the process of how the data is loaded from the multiple source system to t...
Read Blog


featured image

Getting Started with ArcGIS Online

GeoServer is an open-source server that facilitates the sharing, processing and editing of geospatial data. When we are dealing with a large set of geospatial d...
Read Blog


subscribe

Subscribe to our fortnightly newsletter!

We'll keep you in the loop with everything that's trending in the tech world.

Services

    Modern Software Engineering


  • Idea to MVP
  • Quality Engineering
  • Product Engineering
  • Product Modernization
  • Reliability Engineering
  • Product Maintenance

    Enterprise Solution Engineering


  • Idea to MVP
  • Strategy & Consulting
  • Enterprise Architecture & Digital Platforms
  • Solution Engineering
  • Enterprise Cognition Engineering

    Digital Experience Engineering


  • UX Engineering
  • Content Engineering
  • Peer Product Management
  • RaaS
  • Mobility Engineering

    Technology Engineering


  • Cloud Engineering
  • Cognitive Engineering
  • Blockchain Engineering
  • Data Engineering
  • IoT Engineering

    Industries


  • Healthcare
  • Retail
  • Manufacturing
  • BFSI
  • Supply Chain

    Company


  • About
  • Leadership
  • Partnership
  • Contact Us

    Resource Hub


  • White papers
  • Brochures
  • Case studies
  • Datasheet

    Explore More


  • Blog
  • Career
  • Events
  • Press Releases
  • QnA

About


With more than 16 years of experience in handling multiple technology projects across industries, Nitor Infotech has gained strong expertise in areas of technology consulting, solutioning, and product engineering. With a team of 700+ technology experts, we help leading ISVs and Enterprises with modern-day products and top-notch services through our tech-driven approach. Digitization being our key strategy, we digitally assess their operational capabilities in order to achieve our customer's end- goals.

Get in Touch


  • +1 (224) 265-7110
  • marketing@nitorinfotech.com

We are Social 24/7


© 2023 Nitor Infotech All rights reserved

  • Terms of Usage
  • Privacy Policy
  • Cookie Policy
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Accept Cookie policy