top of page
Business Consultation

GUI Migration

Post Trade GUI Migration (AngularJS to latest Angular)

Background :

The European Commission (EC) published the Securities Financing Transactions Regulationin response to recommendations made by the European Systemic Risk Board (ESRB) and Financial Stability Board (FSB). Put in place to increase transparency in securities lending and repurchase (repo) and mitigate risks in shadow banking, SFTR covers more ground than the European Market Infrastructure Regulation (EMIR), which is limited to OTC and listed derivatives’ reporting. It requires 155 data fields be reported, covering trade information, legal agreements, relationship and reference values. Reporting this information completely and accurately is a priority for firms looking to comply with the regulation.

Objective :

  • Post Trade UI development was done in a separate/team-based manner resulting in code duplication and inconsistency across all the applications

  • The current AngularJS version is very old, slow, and less efficient as it does not receive any major updates from Google and has known limitations.

  • It requires updates for all the apps with the latest Angular version in such an efficient manner that UI becomes fast, interactive, and consistent while it's easy to maintain in the future with loose coupling and reusability.

Solution :

  • Creating custom angular libraries based on their functions to make the code clean and manageable. 

  • Distributing UI code into configuration-based reusable components so that they can be utilized in different apps with different behaviors.

  • Divert all the user requests directly to the AWS S3 server, which is always Material for creating UI designs as its based on Angular and contains more Rich and native UI features. 

  • Solving long chains of manual operations like compiling, building libraries, version upgrades, generating packages, publications, installation, bundling, and deployment.

Outcome :

  • New and Interactive User Interface with easy-to-upgrade global and configurable styles in the future. 

  • Native-like UI controls from angular material, future proof for UI updates, and Highly reusable code base libraries for other projects.

  • Consistency across all the apps for the look, feel, and user experience.

bottom of page