Starter Kit for Angular Geeks | Nitor Infotech
Send me Nitor Infotech's Monthly Blog Newsletter!
×
Software Product Engineering Services Company
  • Company
    • About
    • Leadership
    • Partnership
  • Resource Hub
  • Blog
  • Contact
Software Product Engineering Services Company
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 Aditya Patil
Ahtesham Shah Ajinkya Pathak Amartya Deshmukh
Amit Pawade Ankita Kulkarni Ankita Patidar
Antara Datta Anup Manekar Ashish Baldota
Chandra Gosetty Deep Shikha Bhat Dr. Girish Shinde
Ekta Shah Ganesh Kadam Gaurav Mishra
Gaurav Rathod Gautam Patil Hariom Ghanshyam Vishwakarma
Harish Singh Chauhan Harshali Chandgadkar Kapil Joshi
Kiran Dhakne Krishna Gunjal Madhavi Pawar
Marappa Reddy Mayur Wankhade Milan Pansuriya
Minal Doiphode Mohit Agarwal Mohit Borse
Nalini Vijayraghavan Nikhil Kulkarni Nikhil Nirawade
Noman Ansari Omkar Ingawale Omkar Kulkarni
Pooja Chavan Pooja Dhule Pranay Gupta
Pranit Gangurde Prashant Kankokar Pratiksha Shelke
Priya Patole Rahul Ganorkar Rashmi Nehete
Ravi Agrawal Robin Pandita Rohan Chavan
Rohini Wwagh Sachin Saini Sadhana Sharma
Sambid Pradhan Sandeep Mali Sanjay Toge
Sanjeev Fadnavis Saurabh Pimpalkar Sayanti Shrivastava
Shardul Gurjar Shishank Sidha Shravani Dhavale
Shreyash Bhoyar Shubham Kamble Shubham Muneshwar
Shubham Navale Shweta Chinchore Sidhant Naveria
Souvik Adhikary Sujay Hamane Tejbahadur Singh
Uddhav Dandale Vasishtha Ingale Vidisha Chirmulay
Vikas Ghadage 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

Demystifying Monorepos: A Code Management Revolution

In the ever-evolving landscape of software development, efficiency, and collaboration stand as the cornerstones of progress. Yet, for many years, engineers and developers found themselves grappling...
Read Blog


featured image

Building and Distributing NPM Packages: A Developer's Guide

In the dynamic world of software development, prioritizing efficiency and collaboration is essential. Enter the npm package, the Node Package Manager, which stands as the largest and most extensive...
Read Blog


featured image

Top 5 Use Cases of NFT: A Closer Look

Our online world allows us to share funny memes, cool pictures, and other interesting visuals with friends and family. Some may do it for fun, others to learn something new, or even to tell people ...
Read Blog


subscribe

Subscribe to our fortnightly newsletter!

We'll keep you in the loop with everything that's trending in the tech world.
Nitor Infotech, an Ascendion company, is an ISV preferred software product development services company. We serve cutting edge GenAI powered services and solutions for the web, Cloud, data, and devices. Our consulting-driven value engineering approach makes it the right fit to be an agile and nimble partner to organizations on the path to digital transformation.

Armed with a digitalization strategy, we build disruptive solutions for businesses through innovative, readily deployable, and customizable accelerators and frameworks.

Company

  • About us
  • Leadership
  • Partnership
  • Press Releases
  • Career
  • Events
  • Contact Us

Quick Links

  • Idea to MVP
  • Product Engineering
  • Platform Engineering
  • Prompt Engineering
  • Blockchain
  • Generative AI

 

  • Big Data & Analytics
  • Mobile App development
  • Cloud and DevOps
  • Internet of Things
  • Blogs
  • Resource Hub

Get in Touch

900 National Pkwy, Suite 210,
Schaumburg, IL 60173,
USA

[email protected]

+1 (224) 265-7110


© 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