HESS - client admin portal, Fintech
Proprietary fintech company, for internal administration and management
HESS - client admin portal, Fintech
Proprietary fintech company, for internal administration and management
Overview
HESS is a secure, internal web administration portal designed for a proprietary fintech company. It allows employees and management to manage, track, and review training, evaluations, and incident reports across business units.
Features
- Role-based access with Azure AAD authentication (Viewer, Editor, Manager, Super Admin).
- Submission workflows with email notifications for approvals and rejections.
- Real-time management of incidents, trainings, and evaluations.
- Comprehensive dashboards for managers and administrators.
- DevOps integration using Azure Pipelines for smooth deployment and release management.
Tech Summary
Built with React and Typescript, the portal leverages MUI for UI components, e-charts for data visualization, and state management with modern React patterns. Code quality is maintained with EsLint, Husky, and best practices like separation of concerns (SOC) and functional programming principles. Azure AAD ensures secure authentication and environment-specific configurations enable smooth operations.
Outcome
The project enabled streamlined administration of internal employee activities, improved reporting efficiency, and provided secure role-based access across the organization. It also established a scalable technical foundation for future internal modules and feature expansion.
![[1] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_welcome_01.jpg)
![[1] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_legals_page_list_07.jpg)
![[2] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_incidents_list_update_05.jpg)
![[2] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_calendar-page-close-up_06.jpg)
![[3] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_trainings_list_06.jpg)
![[3] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_incident_report_create_a_03.jpg)
![[4] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_incident_report_create_b_03.jpg)
![[4] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_incident_report_create_forms_04.jpg)
![[5] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app_initial_report_page_02.jpg)
![[5] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app.aad_login_08.jpg)
![[6] HESS - client admin portal, Fintech, Proprietary fintech company, for internal administration and management](/projects/hess/hess-web.app.vsc_stack_09.jpg)