Internal audit is something that requires a lot of paperwork. Usually every document has to be created, edited, approved and that involves many people. Things get especially difficult when there are links between multiple documents, e.g. document numbers, mentions, etc. To solve this problem and improve the process of creating the necessary documentation the AIS VA system was created.

The goal

The system was meant to automate many processes that were previously done by hand, for example:

• Simplify the process of creating/editing documents via templates and data catalogs
• Keep the information regarding audit and related subjects
• Control the workflow of the audit
• Import & Export data to/from Word or Excel

My role

I was leading the fronted development of this project and helping to design the system in a user-friendly and scalable way. I have designed the architecture of the project’s SPA, managed the work of other developers and written many parts of the application myself.

Light / Dark theme

Technologies

This was the second project I’ve made with React and though it was much easier to develop already having some experience, I’ve faced many challenges with migrating the codebase from one major version to the other, improving the build & runtime performance and also managing the state of the application, that consisted of many interlinked entities.

Eventually after trial and error these problems were solved and in its final shaped the project was relying mainly on frame-components, that were used to generate tables, forms and cards based on the json-like configuration.

The final frontend stack of the project looked like this:

• React.js
• CSS modules combined with Stylus for styling
• Redux for state management combined with Immutable.js

File preview

Result

The project was released in 3 iterations, each consisting of one major part. Based on a feedback provided by the client and users the system was improved and since then used by the company’s auditors in their daily work.