Challenge 1/5:
Optimization of server interaction on UI
Solution:
Because of large amounts of data, we made caching, pagination, lazy loading and requests throttling on UI. Implemented logs management and sending all frontend logs to the server
Challenge 2/5:
Performance optimization to show a lot of data on UI
Solution:
In order to improve performance, we’ve created dashboards that could contain any number of elements (charts, widgets, etc.), it was done through virtualization techniques, so we showed only those elements that user saw at the moment
Challenge 3/5:
Develop a complex interface for building reports and dashboards
Solution:
Implemented the ability to create reports and dashboards for various devices (mobile, tablets, desktop) based on a complex multi-level event system
Challenge 4/5:
Choose and implement various UI libraries to meet the application needs
Solution:
Used AmCharts, Google Charts and D3 UI libraries for charts, and successfully integrated and customized them to meet the requirements
Challenge 5/5:
Struggle with a legacy code
Solution:
Moved the whole application from JQuery to ReactJS