Jun 2024 - Mar 2026

SQR Admin Dashboard

SQR Admin Dashboard is a secure operations platform for managing digital identity and verification workflows. It enables authorized teams to review user applications, manage profiles and organisations, monitor flagged accounts, generate compliance reports, configure API credentials and webhooks, and track administrative activities through detailed audit trails. The platform includes role-based access control, multi-factor authentication, real-time updates, and automated testing to support secure and reliable daily operations.

Technical Specs

React 18 and TypeScript single-page application built with Vite.
TanStack React Query for server-state management, caching, mutations, persistence, and retry behavior.
Zustand for client-side state and session persistence.
Multiple Axios service clients and interceptors for separate backend domains.
React Router with authentication, role, privilege, and field-level access guards.
React Hook Form with Yup and Zod validation.
Tailwind CSS and Headless UI for the component layer.
Socket.IO for real-time status updates.
Vitest and React Testing Library for unit and component tests.
Playwright and Allure for end-to-end testing and test reporting.
GitHub Actions deployment pipelines targeting S3 and CloudFront environments.

Features

User onboarding, identity verification, and account review workflows.
User profile management for personal details, documents, verification results, and account statuses.
Flagged-profile management for risk review and compliance follow-up.
Organisation management with configuration, member access, token allocation, and audit history.
Dashboard user management with role and permission assignment.
Voucher and onboarding token creation, tracking, and management.
Secure API client credential generation and access management.
Webhook registration, authentication configuration, and secret management.
Compliance report generation, eligibility validation, and secure downloads.
Detailed audit trails with event history and report integrity hashes.
Role-based, privilege-based, and field-level access control.
Secure authentication with MFA, session expiration, forced logout, and device identification.
Real-time notifications and status updates.
Search, filtering, sorting, and pagination across administrative records.
Responsive interfaces for desktop, tablet, and mobile devices.
Integrated Help Centre with categorized guides and article navigation.

Role

Contributions

Built secure API credential and webhook management with role-based access controls, validation, and protected secret workflows.
Rebuilt dashboard user management for creating, filtering, removing, and assigning roles to administrators.
Strengthened authentication by improving MFA, logout, session invalidation, unauthorized request handling, and API retry behavior.
Implemented device identification across backend service requests to improve security and session monitoring.
Added tested eligibility rules for compliance report downloads across different account and verification statuses.
Improved audit trails by adding report download events and SHA-256 report hashes.
Fixed real-time UI updates for account status changes and administrative actions.
Modernized the React application by leading its migration from Create React App to Vite.
Introduced Claude development guidelines, testing workflows, code review tools, and project-specific engineering rules.
Authored architectural documentation, domain terminology, contribution standards, and testing guidelines.
Led two successive backend re-architecture initiatives: first consolidating independently maintained microservice repositories into a Turborepo monorepo, then migrating the workspace to Nx. Established clearer domain boundaries using Domain-Driven Design (DDD) and implemented command/query separation using CQRS in NestJS.
Led the modernization of a production React application by migrating it from Create React App to Vite. Updated the build configuration, environment-variable handling, module aliases, SVG loading, test setup, development proxy, and CI/CD workflows while preserving existing application behavior.
Eliminated a long-standing manual data-migration process required during every deployment by implementing a fully automated migration workflow. This reduced deployment bottlenecks, removed cross-team dependencies, lowered the risk of human error, and improved the overall developer experience.

Carrier e*Service

Developed & designed by
Biansor Almerol