Portfolio

A bilingual tool that pulls latitude and longitude out of any Google Maps URL — full, shortened, @lat,lng, or place — and plots it on an interactive MapLibre map. No API keys, and it works offline.

A real-time monitoring dashboard for hydrogen electrolyzers with AI predictive maintenance, built for industrial hydrogen operators (ACWA Power). It tracks 10 sensor metrics, detects 5 failure modes, and answers plain-language questions about the data.

An archived prototype for calendar-based event management with file storage: FullCalendar scheduling, a file browser, and Firebase Firestore, aimed at event organizers and venue managers.

A mobile-first PWA that plays referee (حكم) for a physical Baloot table: players deal and play with real cards while the app tracks turns, detects plays via GPT-4o Vision, enforces Saudi Baloot rules (32-card deck, Hokm scoring, projects), and keeps a live scoreboard. Built with Next.js, TypeScript, Neon Postgres, and Drizzle ORM, tuned for an Arabic-first RTL experience.

A full-stack generative media platform: describe a visual in natural language, Stable Diffusion renders it on a GPU backend, and the Next.js frontend streams results as they form. It injects brand guidelines, refines prompts, and runs an async job queue for fast iteration.

A computer-vision research project that generates synthetic Baloot card scenes, trains YOLO/RT-DETR detectors, and exports quantized models (ONNX, CoreML, TFLite) for the Hakim AR mobile companion. Part of an open-source, Arabic-first Baloot AI platform.

A full-stack Arabic speech toolkit: text-to-speech with voice cloning (Habibi, SILMA), in-browser speech-to-text with Whisper, a web dashboard, and webhook APIs for n8n and automation. Everything runs locally, with no cloud dependencies.

An AI design assistant and quoting platform for architectural precast concrete. Builders describe a facade, wall, or paver in conversation; the AI recommends products and finishes, estimates manufacturability and carbon, and drafts the quote — with a full operations dashboard for admins.

A bilingual AI concierge for Saudi tourism, aligned with Vision 2030. Built on Next.js with Leaflet maps and conversational trip planning: describe what you love, and the AI assembles a personalized itinerary across the Kingdom.

An Arabic-first, voice-enabled Islamic AI assistant powered by IBM Watsonx. Ask in Arabic by text or voice and get streamed, sourced, context-aware answers, plus a Telegram bot for always-on access.

A Telegram bot and web dashboard powered by Google Cloud Vision and Firebase. Snap a receipt in telegram chat and the bot reads its structured details — vendor, amount, category, date — with OCR and AI, then stores them in real time.

A Next.js + Firebase dashboard where medical staff transcribe notes, check spelling, query patient records, and draft clinical documents entirely in natural language. No forms, no navigation — just conversation.

An Arabic-first property-discovery platform with an interactive MapLibre map, advanced filtering by type, location, bedrooms, area, and price, and a fully RTL glassmorphic UI. A v0.app-generated MVP template.

A bilingual holding-company website presenting the group structure, subsidiaries, services, and leadership, with animated marketing sections built in Next.js and Framer Motion.

A centralized ERP for Arabian horse studs and farms. It manages horse records, clients, breeding contracts, and invoices — with QR codes and digital signatures — plus financial reporting, fully in both Arabic and English.

A pet marketplace for discovering and trading pets, built around clean discovery, drag-and-drop uploads (Dropzone), and community listings. Built with Next.js 16 and Neon Postgres for data that scales.

A marketplace for buying and selling pets and pet supplies. Built with Next.js 16 and Firebase Firestore, with seller and buyer profiles, listings, and built-in messaging.

A premium store for specialty spices and foods. Full payments (Stripe, PayPal, Moyasar), a multi-language storefront (next-intl), advanced product management, email marketing (Resend + React Email), media uploads (UploadThing), and a Google Maps store locator. Built with Next.js 16, Neon Postgres, and Drizzle ORM.

A furniture store for home furnishings, with product listings, filtering, and a clean storefront. Built with Next.js 16 and deployed on Vercel.

A focused t-shirt storefront for apparel, built with Next.js 16 and deployed on Vercel. A clean, minimal design tuned for browsing and a quick checkout.

A real-estate marketplace for retail-shop listings, built on Prisma ORM, Supabase Postgres, and Clerk authentication. Sellers list properties through rich forms; buyers search and discover.

A trim coffee-shop storefront built with Next.js 16 and v0.app, presenting the menu through a clean catalog. Few backend dependencies, deployed on Vercel.

A full-featured commerce platform: a rich product editor (Tiptap WYSIWYG), email marketing (AWS SES), rate limiting (Upstash), analytics, and Sentry error tracking. Built on Next.js 16 with Firebase Firestore and Moyasar for payments.

A static landing page for a food business, helping customers find the brand. Built in HTML, CSS, and JavaScript on Firebase Hosting, tuned for mobile.

A marketing agency's own site and portfolio, presenting its services and work to prospective clients. Built in Next.js and deployed on Vercel.

A marketing landing page designed and iterated in v0.dev — Next.js 15.2 and React 19, with no backend. A presentation-first template that ships in hours, not sprints.

A static personal-brand landing page for Alaa, built in HTML, CSS, and JavaScript and hosted on Firebase. Minimal, quick to open, and cheap to keep online.

A landing page for Afaq Fursan, an equestrian and hospitality brand. A fast static site in HTML, CSS, and JavaScript on Firebase Hosting, made to welcome horse enthusiasts and event guests.

A static landing page for Afaq, a construction company, presenting its work and services. Built in HTML, CSS, and JavaScript on Firebase Hosting.

A hand-coded landing page for alzaidy.sa, a ready-mix concrete supplier. Built in plain HTML, CSS, and JavaScript and served from Firebase Hosting, so it opens the instant a contractor taps the link.

A reusable portfolio template built with Next.js and deployed on Vercel: a clean, forkable starting point for showcasing projects and a profile.