Asment Task Manager — Enterprise RBAC Workflow System
About this project
The Asment Task Manager is a production-grade full-stack web application that centralizes operational task management across a multi-departmental industrial organization. The system was built and shipped during my internship at Asment Témara, translating concrete enterprise requirements into a deployed software product.
System Architecture
The frontend is implemented in React with strict TypeScript and styled with Tailwind CSS, including a user-controlled Light / Dark / System theme system managed through the React Context API. The backend exposes a RESTful API on Node.js and Express with request validation and authentication middleware. Persistence is provided by PostgreSQL through a normalized relational schema covering users, tasks, departments, categories, comments, and full task history. Indexes and foreign-key constraints enforce performance and integrity.
Capabilities
- Role-Based Access Control — JWT authentication with bcrypt password hashing and dynamic interface adaptation across four roles: Admin, Chef de Département, Ingénieur, and Technicien.
- Performance analytics — dashboards built with Recharts that surface completion rates, priority distributions, and productivity trends, filterable by date, department, and status.
- Task lifecycle — full CRUD with a five-state workflow: À faire, En cours, En attente de validation, Terminée, En retard.
- Guided creation — multi-step task wizard with templates that standardize intake and enforce required fields.
- Visual verification — before-and-after image attachments enabling photo-based validation before final approval.
- Detailed task view — full audit log of field and status transitions, threaded comments, and quick actions.
- Responsive UI — desktop and mobile layouts with a complete theming system.
Technology Stack
React · TypeScript · Tailwind CSS · Recharts · Node.js · Express · PostgreSQL · bcrypt · JWT
Demonstrated Skills
End-to-end full-stack delivery under real internship constraints: complex business logic (RBAC), secure REST APIs, relational schema design, advanced data visualization, and disciplined UI/UX engineering.
System Architecture
The frontend is implemented in React with strict TypeScript and styled with Tailwind CSS, including a user-controlled Light / Dark / System theme system managed through the React Context API. The backend exposes a RESTful API on Node.js and Express with request validation and authentication middleware. Persistence is provided by PostgreSQL through a normalized relational schema covering users, tasks, departments, categories, comments, and full task history. Indexes and foreign-key constraints enforce performance and integrity.
Capabilities
- Role-Based Access Control — JWT authentication with bcrypt password hashing and dynamic interface adaptation across four roles: Admin, Chef de Département, Ingénieur, and Technicien.
- Performance analytics — dashboards built with Recharts that surface completion rates, priority distributions, and productivity trends, filterable by date, department, and status.
- Task lifecycle — full CRUD with a five-state workflow: À faire, En cours, En attente de validation, Terminée, En retard.
- Guided creation — multi-step task wizard with templates that standardize intake and enforce required fields.
- Visual verification — before-and-after image attachments enabling photo-based validation before final approval.
- Detailed task view — full audit log of field and status transitions, threaded comments, and quick actions.
- Responsive UI — desktop and mobile layouts with a complete theming system.
Technology Stack
React · TypeScript · Tailwind CSS · Recharts · Node.js · Express · PostgreSQL · bcrypt · JWT
Demonstrated Skills
End-to-end full-stack delivery under real internship constraints: complex business logic (RBAC), secure REST APIs, relational schema design, advanced data visualization, and disciplined UI/UX engineering.
Technologies
ReactTypeScriptTailwind CSSRechartsNode.jsExpressPostgreSQLbcrypt