[ PROJECT_CASE_STUDY ]
Management System for ToTw
An internal management dashboard for TOTW that securely handles sensitive financial and student data, automates document generation, and implements strict role-based access control (RBAC) to streamline administrative workflows.
OVERVIEW
An internal management dashboard for TOTW that securely handles sensitive financial and student data, automates document generation, and implements strict role-based access control (RBAC) to streamline administrative workflows.
PROBLEM
Administrative processes were manual and time-consuming, requiring a secure, centralized system to automate document generation & perform internal operations while strictly restricting access to sensitive financial and student data based on user roles.
SOLUTION
Developed a robust dashboard with Role-Based Access Control (RBAC) that securely stores data and automates the creation of branded PDF documents, managing tutors, students, and administrative tasks, & improving workflow efficiency.
RESULTS
- Improved operational efficiency by automating the generation of repetitive administrative documents.
- Secured sensitive company data by successfully implementing strict Role-Based Access Controls (RBAC).
- Streamlined overall data management workflows through a centralized, easy-to-use Admin Dashboard.
TECHNICAL_DEEP_DIVE
Architecture Overview
A full-stack Next.js application leveraging NextAuth for secure, role-based session management, connected to a cloud database for centralized storage, and utilizing client-side libraries for document rendering.
Technical Decisions
Implemented Role-Based Access Control (RBAC) via NextAuth with bcryptjs encryption.
To guarantee that sensitive internal data is exclusively accessible to authorized personnel based on strict organizational roles.
Combined HTML2Canvas with React-PDF.
To ensure the generated PDFs perfectly matched the company’s strict visual branding and formatting standards, which standard browser printing could not achieve reliably.
Challenges & Fixes
Generating complex, highly-styled PDF documents directly from the web application without losing CSS styling or layout integrity.
Abstracted the document generation process by taking high-fidelity DOM snapshots using HTML2Canvas and passing them into React-PDF for precise, production-ready document rendering.
