Portfolio

Selected Works

A curated collection of projects spanning enterprise apps, e-commerce platforms, and modern web solutions.

E-Dukkan
01

E-Dukkan

## Overview E-Dukkan is a live multi-tenant SaaS e-commerce platform that lets merchants create, manage, and operate their own online stores on shared infrastructure. It covers store management, product catalog and merchandising, orders, payments, billing and subscriptions, content management, and customer-facing storefronts. It currently serves 10+ active merchants on the free tier. ## My role I designed the architecture from the database layer to the frontend applications, then built and deployed the platform. ## Highlights - Multi-tenant TypeScript monorepo (NestJS, Next.js, Turborepo) with shared packages for data access, API contracts, typed clients, UI, and localization. - Domain-driven modular monolith with 50+ business entities across commerce, billing, content, identity, and operations. - Backend split by audience (public storefront, merchant dashboard, platform administration), each with dedicated NestJS controllers over a shared business layer. - Request-scoped multi-currency pricing with decimal-safe math, plan-limit enforcement guards, and wildcard event-driven notifications (FCM, Telegram, WhatsApp, SMTP). - A Model Context Protocol (MCP) server generated dynamically from the OpenAPI specs, secured by OAuth 2.1 and scoped, hashed API keys for AI-agent access. - CRUD and data-view system on Next.js Server Components and TanStack Query with URL-synced state. ## Stack TypeScript, NestJS, Prisma, PostgreSQL, Next.js, React, TanStack Query, Turborepo, Docker, Coolify, S3-compatible storage.

Next.jsNext.js
NestJSNestJS
CoolifyCoolify
Tailwind CSSTailwind CSS
Claude AIClaude AI
TypeScriptTypeScript
TurborepoTurborepo
TanStackTanStack
PostgreSQLPostgreSQL
PrismaPrisma
DockerDocker
MCPMCP
Live PreviewRead More
Deal-Delivery
02

Deal-Delivery

## Overview Deal-Delivery is a multi-tenant delivery orchestration SaaS. It lets any business (online stores, restaurants, pharmacies, ERPs) request and manage deliveries without building its own logistics system: pricing, driver dispatch, delivery lifecycle, real-time tracking, cash collection, financial settlement, and integration APIs. It is production-ready. It has four portals: Merchant, Admin, public Tracking, and a React Native driver app. ## Highlights - tRPC 11 modular monolith (21 domains, 145 procedures) with dual tenant-isolation axes (merchant marketplace vs. internal fleets), enforced by procedure-level middleware and database constraints. - PostGIS geospatial dispatch engine backed by 6 BullMQ worker queues. - Real-time delivery tracking over SSE with sequence-based replay on Redis pub/sub, plus immutable financial snapshots and self-balancing driver wallets. - React Native driver app with background GPS tracking, a local SQLite buffer queue, and batch sync with server-side soft throttling. ## Stack TypeScript, Next.js 16, tRPC 11, Prisma 7, PostgreSQL/PostGIS, Better Auth, Redis, BullMQ, shadcn/ui, Tailwind CSS v4, next-intl, Turborepo, React Native.

Node.jsNode.js
RedisRedis
Next.jsNext.js
TurborepoTurborepo
ReactReact
TypeScriptTypeScript
tRPCtRPC
PrismaPrisma
PostgreSQLPostgreSQL
PostGIS
BullMQ
React NativeReact Native
Live PreviewRead More
SANAD ERP
03

SANAD ERP

## Overview SANAD ERP is an open-source, multi-tenant ERP for small and medium businesses in the MENA region. It covers sales and purchase invoicing, customers and suppliers, inventory and warehouses, and financial accounting (chart of accounts, cashboxes, currencies, fiscal periods) with reporting. It supports Arabic, English, and Turkish, with an Arabic-first RTL interface. ## Highlights - Modular-monolith architecture with 13 independent domain capabilities, boot-time dependency resolution, and CI manifest drift enforcement. - Balanced double-entry accounting engine and a stock ledger with moving weighted-average costing. - POS idempotency via unique request keys with replay handling, a transactional outbox with stale-lock reclaim, and DB-trigger-enforced append-only audit logging. - OpenAPI-to-TypeScript pipeline with committed specifications and CI drift gates, paired with a LangGraph AI agent featuring human-in-the-loop approvals.

TypeScriptTypeScript
NestJSNestJS
Next.jsNext.js
PostgreSQLPostgreSQL
PrismaPrisma
DockerDocker
OpenAPIOpenAPI
LangGraphLangGraph
CodeRead More
Cash for Chat
04

Cash for Chat

Cash for Chat is a live social platform where experts and content creators offer paid text and video consultations on web and mobile. It serves 100K+ users, with 2,000+ new sign-ups a month. ## My role At YSLootah Tech I directed the frontend delivery and helped architect and implement the platform. ## Highlights - Real-time layer: video calls and paid live streams on Agora; chat and notifications on Pusher; a social feed with posts, stories, and internal conversations. - Monetization: Stripe payments, TikTok-style gifting, private bookings with time-slot management, and a rating system. ## Stack Next.js, Tailwind CSS, Framer Motion, custom Laravel API, Agora (RTC/RTM), Pusher, Stripe.

Next.jsNext.js
Framer MotionFramer Motion
Tailwind CSSTailwind CSS
Live PreviewRead More
ASAPI ERP
05

ASAPI ERP

ASAPI ERP is Nirrov's flagship enterprise ERP for businesses in Saudi Arabia. It covers products, accounting, invoicing, purchases, and sales, with multi-currency transactions, tax compliance, and financial reporting aligned with Saudi regulations, plus modules for inventory and customer relations. ## My role As Frontend Lead I standardized configuration-driven data engines and dynamic form builders across the product, turning bespoke screen development into reusable patterns. The data engine powers 30+ ERP views with pagination, filtering, sorting, grouping, and custom views. ## Stack React, TypeScript, TanStack Query, MUI.

TanStackTanStack
MUIMUI
ReactReact
TypeScriptTypeScript
Live PreviewRead More
EDC Embassy Services
06

EDC Embassy Services

EDC Embassy Services is an operations system used daily by foreign embassy service teams (Bangladesh and Sudan) in Saudi Arabia. It has processed hundreds of thousands of operations. ## My role As Frontend Lead at Nirrov (formerly Matrix) I led the frontend architecture from initial planning to production. That included the forms layer and the TanStack Query data flows that handle thousands of embassy operations every day. ## Stack Vue 3, TypeScript, Vuetify, TanStack Query.

VueVue
TanStackTanStack
VuetifyVuetify
TypeScriptTypeScript
Read More
Smart ABHA
07

Smart ABHA

Smart ABHA is a learning management system built for the Abha Chamber of Commerce in Saudi Arabia. It supports business development and training programs across the Aseer region. ## My role During a contract with Darrebni I architected dynamic, backend-driven form systems and refactored the TypeScript codebase into a single inferred type chain derived from the root API types, reducing duplicated schema and type code by 80%. I delivered two surfaces, an admin dashboard and a client portal with a landing page, and mentored 2 junior developers.

TypeScriptTypeScript
Live PreviewRead More
Reparee ERP
08

Reparee ERP

Reparee is a comprehensive garage management software platform designed to help auto repair shops, service centres, and garages streamline their daily operations and boost productivity. Built with powerful tools for job tracking, digital job cards, customer and vehicle records, inventory management, invoicing, reporting, and technician assignment, the system puts all workshop workflows under one roof. With real-time updates, intuitive dashboards, and multi-device support, Reparee helps businesses organise repair jobs from start to finish, monitor parts and supplies, manage staff roles, and generate financial insights all while improving customer satisfaction and operational efficiency

Next.jsNext.js
Live PreviewRead More
Billionaire Signals
09

Billionaire Signals

A platform for verified trading signals, transparent investing, and trading education, with no platform subscription fees. Built at YSLootah Tech with Next.js and deployed on Coolify.

Next.jsNext.js
CoolifyCoolify
Claude AIClaude AI
Live PreviewRead More
YS Lootah Tech Corporate Website
10

YS Lootah Tech Corporate Website

A modern corporate website for a Dubai-based technology company specializing in digital transformation and custom software. It presents the company's services (custom software, web and mobile apps, AI solutions, IT consulting), a dynamic portfolio of real projects, industry solutions (ERP, CRM, e-commerce), a blog for SEO and thought leadership, client-trust sections, and lead capture. ## Stack Next.js, Framer Motion, Strapi (headless CMS), Turborepo.

Next.jsNext.js
Framer MotionFramer Motion
StrapiStrapi
TurborepoTurborepo
Live PreviewRead More
YSLT Sender
11

YSLT Sender

A scalable, secure, and reliable OTP delivery service that enables businesses to verify users through SMS and WhatsApp channels. Built for startups, enterprises, fintech, e-commerce, and SaaS companies.

Live PreviewRead More
Red Crescent Headquarters
12

Red Crescent Headquarters

A self-service HR system for the Red Crescent Authority that gives management a complete view of each employee and lets it track performance and progress accurately. ## My contribution I improved the system's performance by replacing client-side pagination with scalable server-side pagination and filtering. I used RxJS pipelines and data mappers to transform and stream data between the frontend and backend, which cut unnecessary client-side processing and made the application noticeably more responsive.

AngularAngular
RxJSRxJS
Read More
QR Germany
13

QR Germany

# QR Code Germany ## Overview QR Code Germany is a digital platform that helps businesses and individuals create and use QR codes to connect physical products, marketing materials, and business information with digital experiences. The platform allows users to create QR codes that can direct customers to websites, contact information, social media, WiFi details, offers, product information, and other digital content. The main idea is to make QR codes more than just a link. Businesses can use them as a simple bridge between the physical world and their digital presence, making it easier for customers to access information, discover services, and interact with brands. The platform also supports business-oriented use cases such as digital store pages, vehicle information, and food product information, making QR codes useful across different industries. ## The Idea The project focuses on a simple concept: > **Turn a physical interaction into a digital experience with a single scan.** A QR code can be placed on a product, business card, vehicle, restaurant table, advertisement, or printed material. When scanned, it connects the customer directly to the relevant digital information or experience. ## Target Users The platform is primarily designed for: - Businesses - Marketers - Product owners - Restaurants and retailers - Service providers - Individuals who need to share information digitally ## Business Value QR Code Germany helps businesses make their physical presence more interactive by providing an easy way to connect customers with digital content. Instead of manually typing URLs, searching for social media accounts, or entering contact information, customers can access the relevant information instantly through a QR code. ## Summary QR Code Germany is essentially a **bridge between physical and digital experiences**, using QR codes as the connection point between businesses, products, marketing materials, and their customers.

Nuxt.jsNuxt.js
VueVue
VuetifyVuetify
TypeScriptTypeScript
Live PreviewRead More
Jet Order
14

Jet Order

Jet Order lets anyone create a free online store in a few minutes. At Mind Torches I built frontend features with Vue, Nuxt.js, and Vuetify, including product management, labels and tags, sign-up, and the guided website-setup flow.

Nuxt.jsNuxt.js
VueVue
VuetifyVuetify
Live PreviewRead More
Unique Home
15

Unique Home

Website for Unique Home, an interior design, execution, and turnkey home-furnishing company with 13+ years of experience. The site presents custom kitchens and wardrobes made from European materials in the company's own factory, apartment furnishing and decoration, end-to-end project management with a dedicated project manager, and ready-to-build engineering designs. ## Stack Next.js, Strapi, Framer Motion.

Next.jsNext.js
StrapiStrapi
Framer MotionFramer Motion
Live PreviewRead More
Unique Line
16

Unique Line

Website for Unique Line for Architectural Engineering and Interior Decoration, a company founded in 2006 in Saudi Arabia that plans and designs interior and exterior spaces and executes the projects it designs. Built at ELKOOD.

Read More
Baraa Al Malaika Portfolio
17

Baraa Al Malaika Portfolio

Baraa Malaika is a humanitarian content creator, photographer, and video editor from Aleppo, Syria. He began his journey in content creation in 2018 and gradually focused on documenting humanitarian initiatives, community activities, and volunteer work through photography and video before fully dedicating himself to humanitarian digital media in 2024.

Next.jsNext.js
Claude AIClaude AI
Live PreviewRead More