Overview
An external-facing client portal, built as a standalone app inside the same platform, letting customers register, request services, and track project progress in real time, linked directly to the internal team's CRM and task workflows.
RoleFull Stack Developer
Year2025 — Current
Stack
- Fastify
- TypeScript
- React 19
- WebSockets
- Framer Motion
- i18n / RTL
- 01Implemented a separate auth flow with dedicated portal JWT cookies, enabling dual-session support so staff can be signed into both the admin panel and the client portal at once.
- 02Built a service-request system where clients pick from a dynamic catalog, submit multi-service requests, and track each through status stages (Pending, In Progress, Review, Completed) with a visual project timeline.
- 03Developed real-time project updates over per-service-request WebSocket channels, pushing status changes, new notes, and deadline updates to clients instantly.
- 04Built an interactive onboarding tour with spotlight overlays, guided tooltips, and auto-navigation to walk new clients through the portal on first login.
- 05Implemented a project detail view with tabbed navigation for notes, timeline history, and service breakdowns, with bidirectional note exchange between clients and the team.
- 06Built the portal frontend with bilingual support (EN, AR), full RTL layout, Framer Motion animations, and a dashboard for active projects, recent activity, and upcoming deadlines.
- Dual-session portal auth
- Per-request real-time WebSocket channels
- Guided onboarding tour
- Bilingual (EN / AR) with RTL