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.

Tamarras

• Consulted on optimal technology selection and architecture patterns for mobile-first education platform.
• Guided on technical approach for handling real-time content delivery and user progress tracking.
• Advised on scalability considerations and infrastructure decisions for early-stage startup.
• Recommended best practices for MVP scope, data modeling, and deployment strategies.

Raven

• Advised on scalability considerations and infrastructure decisions.
• Recommended best practices for MVP scope, data modeling, and deployment strategies.
• Consulted on the project since its launch on 2024, before I joined the development team.
• Upon joining, I took over the entire codebase and led development efforts to enhance features, fix bugs, and maintain the package.

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.

Coach Noor Kayyali

Simple individual's professional website.

Nutritionist Fatima Mohammad

Simple individual's professional website.

Nutritionist Clients Portal

Simple clients data management portal.

E3 Ventures

Simple company's professional website.

Dr. Ahmad Abu Mahfouth

Simple individual's professional website.

Rasmi & Kiwan

Simple company's professional website.

Zaytouna Club

Simple company's professional website.

OneShot Future

Simple company's professional website.

PPAM

Simple company's professional website.

AIS Landing

Simple company's professional website.

Speed Wheels

Simple company's professional website.

Team Foundation

Simple company's professional website.