All projects
Case study / Admin panel · Workforce management
Time Tracking & Workforce Management Admin Platform
A Next.js administration platform for time tracking and user management, with role-based access and Microsoft (MSAL) sign-in.
- Next.js
- TypeScript
- TanStack Query
- Tailwind CSS
- ShadCN UI
- React Testing Library (Jest)
- MSAL
The problem
An organization needed one admin platform to manage users and time logs, where access to each module and feature depends on the user's role, with secure sign-in through their Microsoft identity.
My role
I led frontend development and established the UI foundation with Next.js, TypeScript, Tailwind CSS and ShadCN UI.
Key decisions
- Gated module and feature access by user role, with a clean separation between UI state and authorization logic.
- Integrated the Microsoft Authentication Library (MSAL) for secure login.
- Built user and time-log management with advanced filtering, sorting and data handling for administration and reporting.
- Kept a consistent design system on ShadCN UI and covered behavior with React Testing Library and Jest.
Outcome
A consistent admin experience where permissions are enforced in one place, making it straightforward to add modules without scattering access checks across the UI.