CTS Angular App

Home / CTS Angular App

Business Problem

Customer is one of the industry leader in providing software solutions for banks & financial institutions who work in the domain of commercial lending products. It provides complete lifecycle for commercial lending products. Customer wanted to enhance their existing product and wanted to utilize highly reusable components which can be configured on runtime.

Solution Recommended

The major challenge for the customer was their UI which had to be more dynamic in nature and fully configurable with configuration data they received through API. Moreover customer wanted to make some reusable angular components which they could reuse across all their products.

This was a major research/Architecture related project compared to business logic implementation. Major concentration was to make highly runtime configurable dynamic grid controls. We defined standard configuration models which could be applied to various grid controls and created angular service libraries to configure them at runtime. Dynamic grid included dynamic columns, nested grids, dynamic editing, using other components for inline editing like (calendar control, drop down, combobox), Server & Client side sorting and filtering; etc. We also made few reusable Angular components like tabs etc.

Team Setup

One Project Manager, Two Developers

Project Technicals

  • Angular
  • Bootstrap
  • PrimeNG
  • Jasmine
  • Karma
  • Protractor

Technologies:

  • Angular 4 as primary UI stack.
  • Bootstrap 4 based CSS Framework with various 3rd party theme integration such as Metronic
  • 3rd party controls integration & customization i.e. jQGrid, PrimeNG, Angular Material etc.
  • Git for Version Control

Tools:

  • Microsoft Azure DevOps (previously known as VSTS) used to host code, CI/CD pipeline.
  • Visual Studio Code as primary development IDE.

Process:

  • Agile SDLC with Kanban board as primary work tracking.
  • Slack & Email for primary communication & integration with Azure DevOps for auto notification using slack.