Case Studies

Case Study: Query Classifier Tool

blank

Client

Our client is a business and technology consulting firm.

 

Business Need

  • Refactor the front-end code of the web application on Angular, fix bugs.
  • users’ web page error handling.
  • Add administrator interface.
  • Configure rights system based on Azure Active Directory;
  • Implement UI search for items in the table using the Elasticsearch component from MS Azure.
  • Set up a secure HTTPS connection using Let’s Encrypt.
  • Refactor the server code on the Node.js, configure the the logging of errors.

blank

Solution

  • Updated Angular from version 5 to the latest version 7, refactored the front-end code according to Google’s guidelines, fixed bugs, replaced the self-written code with the use of built-in functions of Angular and open-source libraries (WS, @angular/material, rxjs, adal-angular5, ngx-permissions, fontawesome).
  • Rewritten the UI from the old version of Bootstrap to the latest version of Material Ui, leaving only the grid from Bootstrap.
  • Simplified the interface with the application, instead of navigating to individual pages implemented interactive dialogs.
  • Implemented user error handling and displaying error messages to the user.
  • Designed the administrator interface from zero point according to the general style of the application.
  • Implemented a system of rights based on Azure Active Directory.
  • Implemented UI search for items in the table using the Microsoft Azure Search service, configured the correct displaying of paging.
  • Set up a secure connection via HTTPS using the service Let’s Encrypt.
  • Refactored the server code on the Node.js, set up logging of errors.
  • Rewrote the parsing code of the CSV-file with a set of customer data (about 100 thousand records), implemented the ability to notify the user about the parsing progress using the WebSocket Protocol.

 

Benefits and Results

  • Our client got a well-structured front-end code, written in accordance with Google guidelines.
  • We reduced the amount of front-end and back-end code. The application’s stability and speed were increased.
  • The client’s app runs on the latest versions of the popular open-source libraries, which simplifies its support.
  • The application has a modern, user-friendly and intuitive design.
  • Our client highly appreciated Akvelon’s expertise and took our developers to its next project.

 

Technology Used

Angular, Node.js, Material UI, Azure Active Directory, Azure Search, Let’s Encrypt, WebSocket

Related Posts