Ahmed Fayyad — Software Engineer

Wedding invitations
GLARA Vanity storefront
Academic OS

2026 Edition

Freelance · Remote · EN / AR

From complex ideas to complete systems and useful products

AhmedFayyad

Software EngineerProduct & business minded

Web apps & business systems
Integrations & automation
Product UI/UX & visual identity

Next.jsReactThree.jsGSAPWebGLNestJSSupabasePostgreSQLArabic / RTL

DesignMotionCodeLaunchDesignMotionCodeLaunchDesignMotionCodeLaunch

Portfolio 02 — About 20(26)

Portrait of Ahmed Fayyad — Egypt · Remote --:--

Hi! I’m Ahmed

About Me

I develop applications, platforms and complex business systems, from architecture, data models and permissions to operational logic and user experience.

Interested in marketing, media buying and the business behind useful products.

01 / Systems & architecture

Complex workflows, clear structure

Data modelling
Permissions
API design
Workflows
Integrations

02 / Frontend

Fast, accessible, typed

React 19
Next.js 15 / 16
TypeScript
Tailwind v4
Vite
i18n

03 / Design & creative development

Interfaces with a clear purpose

Figma → code
Design systems
GSAP
WebGL
Micro-interactions

04 / Backend & data

Reliable services & data

NestJS
Prisma
PostgreSQL
Supabase
Redis · BullMQ
Socket.IO

01 / BUILD
Digital product development
For teams turning a complex workflow or product idea into a web app, platform or commerce experience.
Proof: Ciiircle case study Discuss a product build
02 / INTEGRATE
AI integration & automation
Add a useful AI capability or remove repetitive steps, with access rules and human decisions kept in the flow.
Proof: permission-aware Neo AI Ask about AI integration
03 / SHAPE
Product UI/UX & visual identity
Make product flows easier to understand and give the interface a coherent visual system, in Arabic and English.
Proof: Dulaxa Discuss product design

01 / 03 Scroll to flip the file

Portfolio 03 — Approach 20(26)

Strategy first, code second.

I learn your brand, audience and goals before I open the editor.
Every screen is designed for the device, the language and the person in front of it.
Motion, performance and SEO are part of the build — not a phase after it.

I connect business goals, operational rules and product experience so the system makes sense to the people using it.

My Approach

Portfolio 04 — Selected Work 20(26)

Selected Work

Three product builds across digital invitations, bilingual commerce and academic software. Open each project for its scope; Ciiircle’s case study also records what is still in progress.

(03)

dulaxa.com

Issue No. 01 — Digital Wedding Invitations

Built for one couple.
Never used again.

01Brand · Web · Full-stack2026

Dulaxa

Luxury digital wedding experiences

A studio that turns an invitation into a private, film-like website — music, motion and RSVP in a single link. I built the brand, the editorial marketing site, the invitation engine and the admin behind it.

One-off invitation worlds — film, sound & motion
Arabic / English with editorial RTL typography
Supabase auth, CMS-driven copy & admin dashboard
SEO: structured data, OG images, sitemap

Next.js 16
React 19
GSAP
Lenis
three.js
Supabase
Tailwind v4

dulaxa.com

glara.shop

Made in Egypt · Floating vanity systems

Designed to
float.

Open lab →

Step 2 / 4 · Finish

02E-commerce · Full-stack2026

Glara

Floating vanity systems — storefront

A bilingual store for an Egyptian bathroom-furniture brand, built from its Figma source of truth: catalogue, a four-step customisation lab, cart, checkout, customer accounts and an admin back office.

Four-step customisation lab with live pricing
Prices computed on the server — never trusted from the client
Full English / Arabic with RTL, sitemap from the catalogue
Prisma + Neon Postgres, deployed on Vercel

Next.js 15
TypeScript
Prisma
PostgreSQL
R3F
zod
Tailwind v4

glara.shop

ciiircle.com

دايرة فيها كل اللي تحتاجه

The operating system for academic growth

Tasks
Quizzes
Files
Chat
Neo AI

03Product · AI · Platform2026

Ciiircle

An academic operating system

Circles where teachers, centres and learning communities keep everything in one place — tasks, quizzes, files, chat, calendar and an academic passport — with Neo, an AI agent that works with each person’s own permissions.

Neo — a Gemini agent that calls tools and reads PDF, Word & PowerPoint files
Circles inside circles, quizzes and an append-only academic passport
Modular NestJS API with real-time Socket.IO collaboration
Arabic-first RTL, k6 load tests, Prometheus & Grafana, CI with e2e

React 19
Vite
Motion
NestJS 11
PostgreSQL
Redis
Socket.IO

Read the Ciiircle case study ciiircle.com

04 — 20(26)

Your project
could be next.

Start a project

Portfolio 05 — Expertise 20(26)

Everything a product needs. One person.

From the first sketch to the server logs — one point of contact, one standard of craft.

Frontend & motion engineering

Motion with a reason.

Movement here is built on one signature curve, picked on purpose. Interfaces respond within 300ms, never start slow, and respect reduced-motion.

React 19
Next.js
TypeScript
GSAP
Lenis
Motion

WebGL & 3D

The background is live.

fBm noise, domain warping, a ping-pong mouse trail and curl-noise particles — move your cursor.

three.js
R3F
GLSL
Post-processing

Bilingual

Arabic & English, natively.

ابدأ تجربتك — Start your experience

Backend & data

Real products, real data.

circles ──┬── circle_members
          ├── tasks
          └── ledger_entries

NestJS
Prisma
Postgres
Supabase

Performance & SEO

Found, then fast.

Web-vitals monitoring, structured data, OG images, sitemaps and hreflang for EN / AR.

AI features

AI where it helps.

Neo is implemented with Gemini and permission-aware tools in Ciiircle. Deep-learning study, including LSTMs and CNN classifiers, is learning work rather than a claimed production service.

Ship & operate

Launch is the middle, not the end.

Vercel
Docker
GitHub Actions
Prometheus
Grafana
k6

Portfolio 06 — Results 20(26)

Result & Range

03Featured product builds

19Backend modules in Ciiircle source

02Languages, one codebase

04Steps in Glara’s configurator

The projects show different parts of the work: bilingual product design, commerce engineering, bespoke digital experiences and an academic platform still moving through its launch-readiness work.

Portfolio 07 — Process 20(26)

Research

Your brand, audience, competitors and goals — before any pixels.
Planning

Sitemap, wireframes, motion language and a scope we both agree on.
Execution

Design and build in reviewable milestones on a live preview link.
Optimization

Launch, then tune speed, SEO and conversion with real data.

See my work

Portfolio 08 — Contact 20(26)

Work
with
Me!

I’d love to help build your product through design, motion and code.

Contact me!