Masari Employee Portal
ShippedBilingual intranet for a Saudi government entity. 33 pages, 1,800+ translation keys, sole frontend dev.

33
Pages
1,800+
Translation Keys
8
Content Types
6 months
Duration
The Problem
A Saudi government entity working on a Vision 2030 mega-project needed a custom portal for 500+ employees. SharePoint failed on two fronts: Arabic-first UX with proper RTL layout, and domain-specific workflows like visual announcement creation and compliance tracking.
What I Built
Announcement Canvas Creator
Comms staff pick from 6 templates, set dimensions, write bilingual Arabic/English content in a rich text editor (Tiptap), and export to PNG for digital signage or email. Templates include event posters, policy updates, achievement announcements, and holiday notices. All exports are retina-ready at 2x resolution.
Document Management
In-browser PDF viewer with search, zoom, and annotation. Documents are organized by department and access level. Version history tracks who uploaded what and when. Microsoft ADFS SSO integration means employees access documents with their existing corporate credentials. Local fallback auth for contractors without AD accounts.
Onboarding & Compliance
Multi-step onboarding flow: personal info, department assignment, asset allocation, compliance acknowledgments, and training schedule. Compliance tracking shows which employees have signed which policies and flags overdue acknowledgments. Managers get a dashboard view of their team's compliance status.
Notification System
Infinite scroll notification feed with category filters (announcements, tasks, alerts). Real-time updates via WebSocket push. Notification preferences let users choose which categories trigger push, email, or in-app badges. Unread count persists across sessions.
Architecture

Tech Stack
All projects- React
- TypeScript
- Redux Toolkit
- Tailwind CSS
- shadcn/ui
- Strapi CMS
- i18next
- ADFS SSO
- Tiptap
Related Projects
Interested in working together?