Building Products from Code to Production

Sanad

• Delivered a responsive, modular frontend interface supporting various ministries and services.
• Maintained accessibility, performance, and UX consistency across a growing number of services.
• Collaborated closely with backend and DevOps teams to ensure seamless API integrations.
• Contributed to UI/UX design decisions with the PM for maximum citizen engagement.
• Technically the product was ready for usage, weren't published for non-technical issues.

DLS

• Built complex, dynamic forms and search interfaces for real estate, land registry, and title services.
• Led a small frontend team while handling primary development tasks.
• Integrated Express.js backend for lightweight data handling and API support.
• Directly contributed to UX alongside the PM and stakeholders.

Semesteer

• Designed and implemented a multi-tenant architecture allowing each school to have isolated data environments.
• Built core modules including student profiles, course management, attendance, fees, results, and parent portals.
• Developed role-based access control and school-specific branding capabilities.
• Integrated PDF generation, notifications, analytics dashboards, and support for both English and Arabic languages.
• Optimized for AWS deployment with CI/CD, Docker, and secure configuration.

Trackulla

• Architected and built responsive, high-performance frontend from ground up.
• Implemented complex data visualization and reporting interfaces for analytics dashboard.
• Designed professional UI/UX patterns suitable for enterprise SaaS product (Covered UI/UX Role).
• Integrated with backend APIs to deliver real-time analytics and insights.
• Focused on performance optimization, accessibility, and professional user experience.
• Established component library and design system for maintainability and consistency.
• First project to be built using AI coding agents of GPT Codex & Claude AI and AI UI/UX generators of Figma Make & Google Stitch.
• No other human developers, no human UI/UX designers. Only AI tools formed the rest of the frontend development team.

Curans

• Consulted on technology stack selection and architectural patterns for healthcare platform.
• Guided on HIPAA compliance considerations and secure data handling approaches.
• Advised on performance optimization and real-time communication infrastructure.
• Recommended MVP scope definition and phased deployment strategy for medical platform.
• Provided insights on scaling challenges specific to healthcare SaaS startups.

MobiMenu

• Architected technical infrastructure for scalable, customer-facing ordering platform.
• Consulted on user-oriented design principles and fast shipping before launch approach.
• Guided product team on MVP scope and feature prioritization for restaurant adoption.
• Advised on metrics that matter for restaurant businesses and customer retention.
• Helped define lean startup strategy focusing on quick iterations and market validation.
• Provided insights on mobile-first approach and offline capabilities for restaurant environments.

Qam7a

• Architecting platform infrastructure for collaborative learning and real-time features.
• Consulting on user-oriented design focusing on learner retention and engagement.
• Guiding on fast-shipping methodology to validate market fit quickly.
• Advising on metrics and analytics for understanding learner behavior.
• Defining MVP scope and feature priorities based on user research.
• Providing business strategy input on go-to-market approach for education platform.

Mustaheq

• Designed and built the platform architecture from scratch using NestJS (backend) and ReactJS (frontend).
• Developed modules for beneficiary management, eligibility tracking, and coordination across multiple government bodies.
• Implemented role-based access for government officials, NGOs, and auditors with strict data permissions.
• Led a small cross-functional team and collaborated closely with product management and design.
• Ensured compliance with Saudi government digital infrastructure standards and data security requirements.

Several Brands

• Work is to build the ongoing marketing & sales team needs of features within the portal.
• It's also required to contribute into revamp and refactor the redundant codes of functions & views.
• Revamp and refactor is part of a plan aiming to upgrade framework to Vue 3.

Tafakkur

• Built complex, dynamic forms and search interfaces for real estate, land registry, and title services.
• Led a small frontend team while handling primary development tasks.
• Integrated Express.js backend for lightweight data handling and API support.
• Directly contributed to UX alongside the PM and stakeholders.

Mustaheq Search-Engine

• It was sort of my own idea to come up with, approved by owner.
• Aimed at simplifying access to aid for recipients and boosting visibility for subscribing charities.
• Public profiles were indexed with essential contact info, eligibility, and activity areas.
• Powered by ElasticSearch and optimized with advanced database indexing for fast and accurate search.
• Included admin tools to manage searchable metadata and optimize search relevance.

Entreviable

• I was the Lead Frontend Developer, owning the design and implementation of the UI using React and Bootstrap.
• Worked closely with the client’s media and education teams to deliver an intuitive, responsive platform.
• Developed video-based course browsing, lesson tracking, and user authentication systems.

Trellah

• Developed interactive UIs for both shippers and drivers, including map and order tracking components.
• Implemented responsive dashboards for dispatchers and logistics coordinators.
• Collaborated closely with backend engineer for real-time data handling and authentication flows.

BrandTag

• Integrated NEM blockchain APIs for tracking and verifying unique product tags.
• Built interfaces for brand owners and consumers to validate product authenticity.
• Created QR-scanning features and dashboards to visualize product movement.
• Led refactoring of the frontend into modular, reusable components using React.js.

AppNest

Own product idea, execution is in-progress by supervised junior developers.

AIS Students Portal

• It was my first major Laravel PHP project, which I owned end-to-end — from gathering school requirements to deployment.
• Included features for storing and managing student bio data, academic history, contact info, and documents.
• Designed to reduce paper-based workload and streamline access to student records.

AIS Staff Portal

• Implemented using vanilla JavaScript and templating, focused on simplicity and ease of daily use.
• Allowed tracking attendance, reporting activities, and generating role-based overviews.
• Designed for non-technical school staff to interact with effortlessly.

Crosure

• Aggregated heatmap data of fire incidents across the UK to identify high-risk areas.
• Aimed to support civil defense and fire prevention efforts by highlighting areas in need of increased preparedness.
• Handled map overlays, real-time filters, and interactive data layers using modern JS libraries.

Shwra

A solely developed frontend app, totally new / from scratch.

xEdu App

Education content & teacher-student communication system.

Rasmi & Kiwan

• Built core modules including staff profiles, project management, attendance, and financial data.
• Developed role-based access control and branding customization capabilities.
• Optimized for AWS deployment with CI/CD, Docker, and secure configuration.

Nutritionist Clients Portal

Simple clients data management portal.