Adel Almekhlafi

Full-stack build · AI integration

Upload a photograph of a retail shelf and the platform returns a structured product inventory: product name with brand and size, category, visible facings count, and a per-item confidence level — all in Arabic.

The AI work is the substance here. A Gemini vision model runs behind a Zod response schema, so the model returns typed, validated objects rather than prose I would have to parse. The prompt is written as a retail-shelf-auditing brief with an explicit empty-array contract for non-shelf images, and the route carries a 60-second budget because a dense shelf photo genuinely needs it. Every field is described in the schema so the model knows what each one means.

• Front-endNext.js 16, React 19, TypeScript
• AIVercel AI SDK, Gemini vision, Zod schema
• TypeStructured output, typed generation
• VerifiedHTTP 200 · 1.9 s

Full-stack build · front-end lead

An installable Arabic PWA that tells small-business owners which commercial season is coming and generates a ready-to-send marketing plan for it. Country-scoped content for Saudi Arabia and Oman, Google OAuth sign-in, and a service worker that keeps the shell usable on a weak connection.

I built the interface end to end: the country gate, the five-track dashboard, the identity form, the install prompt — plus unit tests covering country filtering and plan generation.

• Front-endReact 19, Vite, Tailwind v4, Wouter
• DatatRPC, Drizzle ORM, Neon Postgres
• DeployVercel, Frankfurt region
• VerifiedHTTP 200 · manifest + RTL

Front-end & integration engineer

A diagnostic platform that scores an e-commerce store against sixty known failure patterns and returns a twelve-week, four-phase remediation plan. Integrates Salla and Zid REST APIs using OAuth2 refresh-token rotation.

It ships a complete seven-tag Open Graph set, because the report is meant to be forwarded into merchant WhatsApp groups and has to unfurl correctly — sharing is the distribution channel, so the metadata is a product decision, not a checklist item.

• Front-endReact 19, Vite, React Router v7, Tailwind v4
• BackendConvex, Convex Auth (email OTP)
• VisualThree.js, Framer Motion, shadcn/ui
• VerifiedHTTP 200 · 1.4 s · 7 OG tags

Full-stack web developer

A marketing-design generator that renders campaign artwork in a chosen designer's style, with brand identity locked after first setup and a licence bound to two devices. Exports to PNG, PDF, SVG and layered ZIP.

The decision I would defend in review: layout is computed once and consumed by two renderers — Canvas and SVG — because computing it twice lets the outputs drift apart. Device identity lives in an HttpOnly cookie no page script can read, and the licence ceiling is enforced by Postgres RLS policies and triggers, so editing client code opens nothing.

• Front-endNext.js 15 App Router, React 19
• BackendSupabase, Postgres RLS + triggers
• ExportCanvas, SVG, pdf-lib, QR
• OfflineService worker

Architect & developer

A client-side video editor with no account and no upload. The timeline renders through Pixi.js and WebGL from thumbnails decoded out of the real video file, with a synchronised playhead and click-to-seek — validated in a real browser against an actual H.264 file, not mock data.

Performance is the product, so the bundle is split deliberately: the core ships at 47.8 KB gzipped while Pixi.js (232 KB) stays isolated in a lazily-loaded chunk that never blocks first paint.

• Front-endReact 18, Vite, TypeScript, Tailwind
• RenderPixi.js / WebGL
• Storageidb-keyval, fully client-side
• Core bundle47.8 KB gzipped

Lead IT & ERP solutions engineer — One Media

Customised Frappe/ERPNext modules for inventory and workflow automation, and integrated a web workshop portal with real-time service tracking and dynamic invoicing. Containerised with Docker, routed through a Hostinger VPS managed by Coolify.

Role-based access control for the workshop roles, a client-drivable trial account, and a documented audit verifying the customisations against actual Frappe/ERPNext source rather than assumed behaviour.

• PlatformFrappe / ERPNext, Python
• DesktopC#, .NET 8, WPF (layered)
• InfraDocker, Coolify, Hostinger VPS
• PracticeRelease gated on test suite

Full-stack build · self-managed infrastructure

A company work-showcase platform with an admin area, backed by MySQL through Drizzle and served by Express behind a React 19 front end. Work categories — company profiles, catalogues, business cards, logos, print and social content — load from shared folders, so the team updates the portfolio without anyone touching the site.

This one I run myself rather than hand to a platform: Docker image, docker-compose, Coolify on a Hostinger VPS, an entrypoint script, presigned S3 uploads, and a /healthz endpoint. Self-hosting is where you learn the parts a managed host hides — TLS, routing, container startup order.

• Front-endReact 19, Tailwind, Radix UI, Framer Motion
• ServerExpress, tRPC, Drizzle, MySQL
• StorageS3 presigned uploads
• InfraDocker Compose, Coolify, VPS