Masari Employee Portal

Shipped
Sole Frontend Developer·OSIT / Masari·Jun to Dec 2024

Bilingual intranet for a Saudi government entity. 33 pages, 1,800+ translation keys, sole frontend dev.

Masari Employee Portal

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

01

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.

02

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.

03

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.

04

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

Masari Employee Portal architecture

Tech Stack

All projects
  • React
  • TypeScript
  • Redux Toolkit
  • Tailwind CSS
  • shadcn/ui
  • Strapi CMS
  • i18next
  • ADFS SSO
  • Tiptap

Interested in working together?