The center for research and health promotion (CHPR) Bamenda, needed an information system to better organize and manage their clients. This system would provide several key functionalities such as: - Users should be able to create accounts as data-collectors for various regions - A supervisor can create admin accounts to manage users in a region - Approved data-collectors can access the system and record new client data - Only users with specific permissions may access sensitive sections for instance some admins may not be able to approve new accounts or grant permissions - Data-collectors may export client records for a fixed duration only And so many other requirements.

This was truly a data intensive and complex application with multiple levels of authorization needed for resources and I was charged with developing web applications which will embody these requirements. These all had to be done in 3months Given the data intensive needs of the application and the need for fine grained permission control, I picked reactjs as the framework as it is well suited for building component based dynamic experiences. To ensure consistency in design and fast delivery of the UI I picked IBMs Carbon Design System for its robust enterprise focused design. This let us use their corresponding react components and figma design kits for faster development times.

We also picked react-hook-form which has proven to be an excellent tool when dealing with large complex forms in react applications. I was able to ensure high levels of data validation and integrity by enforcing schema checks for each input received. The UI was divided in two sections, one for data-collection and the other for administration. These allowed for better seperation of concerns with access governed by permission scopes. we had the pleasure of working with them to seamlessly integrate data exports to PDF and CSV in addition to security and GDPR compliance