Task

Development of a standalone frontend module for the RBI project, which was extracted from a larger application giap-dc. The module should provide a modern interface and high performance, which is critically important for users who expect an intuitive and responsive experience.

Solution

Creation of a standalone repository for the RBI frontend module using advanced technologies and libraries. The focus is on efficient interaction with the API and responsiveness of the interface. This will allow developers to quickly make changes and improvements, as well as ensure ease of maintenance and code updates.

Architecture and stack

The project is being developed using the following technologies:

• React for building the user interface, allowing for components that are easily reusable across different parts of the application.
• Ant Design for interface components, which speeds up the development process and ensures interface consistency.
• @tanstack/react-query for data handling, simplifying state management and asynchronous requests.
• d3 for data visualization, enabling the creation of interactive graphs and charts.
• axios for making HTTP requests, ensuring reliable API interaction.
• dayjs for date handling, simplifying formatting and manipulation of time data.

Key features

• An intuitive user interface that is easily perceived by users.
• High performance and responsiveness, which is critically important for successful user interaction.
• API integration for real-time data retrieval, allowing users to see up-to-date information.
• Data visualization using d3, enabling users to better understand the presented data.

Result

Currently, the module is in development. Testing and assembly are planned, which will ensure high quality of the final product. The team is actively working on improvements and fixes to ensure that the module meets user expectations and market requirements.

What I would improve

Currently, attention should be paid to performance optimization and improving test coverage, as well as considering the addition of extra features based on user feedback. Regular testing and gathering feedback will help in creating a higher quality and more user-friendly product.