Mohammad Omar

Frontend Engineer specializing in React and TypeScript architecture for complex, data-intensive products. Built the frontend foundation of IntelliPharma, a bilingual pharmaceutical ERP/CRM spanning 1,100+ source files, 21 domain entities, 60 feature slices, and 67 route-level pages, as the sole frontend engineer on a five-person team. Strong in Feature-Sliced Design, typed API boundaries, TanStack Query data orchestration, role-based access control, resilient session management, real-time workflows, and performance-focused UI delivery. Comfortable owning a project end-to-end - from requirements and architecture through critical code review, debugging, optimization, validation, and production delivery.

• IntelliPharma

  November 2025 - August 2026

  Graduation project · Team of 5

  A bilingual, AI-driven ERP and CRM for pharmaceutical distribution.

  • ▸Architected a strict Feature-Sliced Design codebase across app, pages, features, entities, shared, and widgets layers, keeping dependency direction explicit across 1,100+ source files.
  • ▸Designed a two-layer data architecture: a typed Axios apiClient with interceptor-normalized ApiResponse<T> and localized ApiError handling, plus reusable TanStack Query hooks for Suspense reads, infinite lists, and CRUD mutations with domain query keys, language-aware caching, and centralized side effects, powering data fetching across all 60 feature slices.
  • ▸Implemented backend-authoritative RBAC from session state through permission parsing, protected routes and direct URLs, permission-aware navigation, and capability-driven UI that fails closed when access is missing, securing all 67 route-level pages.
  • ▸Integrated and validated a real-time field-team tracking client over authenticated Laravel Reverb channels, reconciling an initial REST snapshot with timestamped WebSocket events in a normalized external store; coalesced bursts and modeled stale-data and connection states.
  • ▸Engineered a reliable push-notification lifecycle with backend-confirmed, user-scoped token fingerprints, cross-tab locking, bounded retry and recovery, idempotent message handling, and service-worker delivery synchronized with Redux and TanStack Query state.
  • ▸Engineered cross-tab authentication as a concurrency system - serialized rotating refresh-token exchanges with Web Locks and coalesced simultaneous in-tab refreshes through promise sharing.
  • ▸Propagated login, refresh, and logout across tabs via BroadcastChannel, keeping Redux session state consistent and preventing refresh races or false session expiry.
  • ▸Built the UI layer of an in-app AI assistant: a chat interface with persisted, searchable conversation history and session retrieval, consuming backend-proxied Gemini API responses with no model credentials exposed client-side.
  • React.js
  • Feature-Sliced Design
  • React Router
  • Redux Toolkit
  • TanStack Query
  • shadcn/ui
  • Vite
  • TypeScript
  • Axios
  • React Hook Form
  • Tailwind CSS
  • i18next
  • Laravel
  • Laravel Echo
  • Pusher
  • Postman
  • Firebase
  • React Leaflet
  • Recharts
  View projectLive demo

• Sniper Games

  July 2026 - August 2026

  Freelance product developer

  An offline-first PWA for running a gaming lounge, delivered through a transparent AI-assisted workflow.

  • ▸Delivered an offline-first Arabic RTL application for managing timed and open-ended PC and PlayStation sessions, with fully configurable stations and pricing, live cost calculation, warnings, summaries, and automatic timeout finalization.
  • ▸Replaced the client's manual, MS Word-based session tracking with the app - currently running up to 8 PC and 2 PlayStation stations in continuous daily use since launch.
  • ▸Owned the project end-to-end for the customer - requirements, product and architecture decisions, UI iteration shaped by live client feedback, debugging, performance optimization, and delivery.
  • React.js
  • TypeScript
  • Tailwind CSS
  • PWA / Service Workers
  • Motion
  • Radix UI
  • Jotai
  • Vite
  View project

• Ouzoun

  Collaborative project · Team of 5

  An administration platform for dental clinics, connecting web, backend, and two mobile apps.

  • ▸Built an administration platform for dental operations, tools, implants, assistants, and analytics, integrating an ASP.NET backend with two Flutter mobile applications.
  • ▸Implemented real-time notifications, role-based administration, and interactive analytics dashboards to support connected clinic workflows.
  • Next.js
  • TypeScript
  • ASP.NET
  • next-intl
  • Swagger
  • Firebase
  • React Leaflet
  • Recharts
  View projectLive demoDashboard repoBackend repoAssistant app repoDoctor app repo

• Stacked

  An interactive grid puzzle solver visualizing DFS, BFS, A*, and uniform-cost search.

  • ▸Implemented DFS, BFS, A*, and uniform-cost search with animated path visualization, predictable state transitions, and responsive interaction across screen sizes.
  • React.js
  • TypeScript
  • Redux Toolkit
  • Tailwind CSS
  • Motion
  View projectLive demoGitHub repo