Work Experience

Netways

Responsible for maintaining, enhancing, and refactoring existing front-end applications in addition to developing new features and services for enterprise and governmental level front-end applications utilizing mainly React and React Native.

Projects:

UAE Ministry of Justice

Internal and External Mobile Application (React Native)

    Achievements & Duties:
  • Leading and collaborating in the project with 2 other developers.
  • Plan and implement the structure of the project and determine tools to use.
  • Build the application core components (component library) based on UAE design system.

Technologies & Tools:
React NativeReact NavigationReact Native ReanimatedFormikYupReact Native CLITypescriptRedux ToolkitRedux Toolkit QueryReact Native DocumentsReact Native FileSystemNativeWindFigma
The National Unified Procurement Company (NUPCO)

NUPCO is a government company that aims to unify the procurement process for the public health sector in Saudi Arabia.

    Achievements & Duties:
  • Provided guidance and mentorship to junior developers and conduct pull request reviews, pair programming/debugging sessions, and sharing educational resources as needed.
  • Identify module performance issues and implement enhancements such as lazy-loading for certain components/pages and memoizing state values as needed which resulted in reducing initial load time and improving overall performance.
  • Architected and built a module from scratch based on business requirements, applying patterns such as custom hooks, context providers, Higher Order Components, and component composition to ensure modularity and scalability.
  • Developed a mini-version, custom alternative to React Query using custom hooks to handle data fetching, pagination, sorting, filtering, and searching of REST APIs. These hooks leveraged either local state (`useState`) or Redux and significantly reduced code duplication across components, enabling reuse by other team members in multiple modules.
Technologies & Tools:
ReactTypeScriptSingle SPA (Micro-Frontend)Redux ToolkitReact Context APIReact RouterSASSFigmai18n-reactAxiosSwaggerAzure DevOps
Ministry of Finance

Internal strategy and projects management (SPM) mobile application (React Native)

    Achievements & Duties:
  • Worked closely with backend and design teams to plan and develop application features collaboratively.
  • Built dynamic form that adapts to varying input types received from the server.
  • Prepared and generated Android and iOS builds for deployment purposes.
Technologies & Tools:
JavaScriptReact NativeExpoFormikYupAxiosFigmaAzure DevOps
Saudi Food and Drugs Authority (SFDA) - Ghad & SFDA Platforms

SFDA aims for protecting the community through regulations and effective controls to ensure the safety of food, drugs, medical devices, cosmetics, pesticides and feed.

    Achievements & Duties:
  • Developed and maintained multiple services for creating, renewing, and updating certificates across both Ghad (client-facing) and SFDA (employee-facing) platforms, covering the full workflow of clients and employees.
  • Collaborated with junior developers to implement and review change requests on existing services, providing guidance and maintaining code quality.
  • Proposed and led the successful adoption of Axios as a promise-based HTTP client, replacing bulky auto-generated TypeScript files (3,000+ lines each), resulting in reduced overall project size, improved performance, faster build time and the proper setup of Axios interceptors helped in easily refactoring of other services.
  • Transformed parts of the legacy codebase by converting class components to functional components using React hooks, modernizing the architecture and improving readability.
  • Worked closely with a cross-functional team of backend engineers, frontend engineers, QA testers, and project managers to deliver high-quality features and services.
Technologies & Tools:
ReactJavaScriptReduxReact RouterReact Material Web Components (RMWC)React BootstrapSASSAxiosAzure DevOpsLodashGit

Doctor GT

Build, design, and enhance various UI components, refine user experience, and integrate back-end APIs using React library.

Projects:

Assets Tracking Management System

Assets tracking management system is a web-based platform that provides unlimited geofence management (area management) over selected devices.
Application features include device management, real time notifications, smart notification system, unlimited area management (Geofence) and data tracking performance dashboard.

Technologies & Tools:
ReactReact Geo-fenceGoogle MapsReduxTailwind CSSTailwind UIReact RouterAxios
Fleet Management System

Web-based application that help managers and organizations to manage predictive maintenance operations, creating financial reports, and organizing operational processes.
Application features include vehicle management (GPS vehicle tracking), fuel management, vehicle identification number decoding, vehicle assignments, vehicle location history, fleet operation reports, total cost of ownership, vehicle lifecycle management, scheduled maintenance management and predictive maintenance management.

Technologies & Tools:
ReactReduxThunkGoogle MapsChart JSi18n-ReactJiraGitHub