← ALL PROJECTSCASE STUDY · CH 02 / 07
ON AIR2023gesthub.netlify.app
GESTHUB
Internship lifecycle management for institutions
gesthub.netlify.appPGM
OVERVIEWNEXT · APPLICATIONS1 / 6
T-BAR
T-BAR
// THE PROBLEM & THE PRODUCT
Built for the DSI of Morocco's Education Ministry — not a side project. Manages the full internship lifecycle from posting offers to issuing completion attestations. Five role-based dashboards (super-admin, admin, supervisor, intern, public applicant), server-side data tables on every entity, a Kanban board for task tracking, and Tiptap WYSIWYG for offer authoring. Deployed to production with real staff using it.
// WHAT I BUILT- Five-role auth system (super-admin, admin, supervisor, intern, applicant) with route and UI-level gating
- Full lifecycle: offers (Tiptap editor) → applications → assignment → projects → completion attestation PDF
- Reusable data tables with server-side pagination, multi-column sort, text search, and CSV + PDF export
- Kanban board for project tasks with drag-drop across To Do / In Progress / Done
- Session tracking — login history with IP, device, browser, and location; abort active sessions
- In-app notification system with unread badge and mark-as-read
- Settings with 7 live color themes, 6-position toast placement picker, and sidebar configurator
- EN/FR internationalization (i18next) and Docker + Traefik deployment
SPEC SHEET
- YEAR
- 2023
- STATUS
- ON AIR
- SCREENS
- 6
- LINK
- PUBLIC
STACK
React 18 + ViteUI & build
TypeScriptType safety
TanStack Query v5Server state management
Laravel (PHP)REST API backend
PostgreSQL 15Primary database
TiptapRich text editor for offer authoring
React Beautiful DnDKanban board drag-and-drop
jsPDF + AutoTablePDF report generation
i18nextEN/FR internationalization
Docker + TraefikContainerized deployment