ELALFY
Design. Develop. Experience.
Welcome to my digital universe.
Sound is optional and stays off until you choose it.
I build immersive interfaces, intelligent products, and the systems behind them.
Currently buildingSADEEMAN AI, an Arabic-first AI assistant with grounded research and voiceProducts I designed and engineered, from AI agents to university and SaaS platforms. Each one says plainly what works today, what is a demo and what is still in progress.
Showing 7 projects: All work
مَسَارAgentic AI travel assistant
An agent that researches, reasons and acts — in Egyptian Arabic, Arabic and English.
A tool-calling travel assistant: the model chooses tools, the server validates and runs them against real data, and every step streams to the browser as it happens.
صاينتراRepair management SaaS
Repair-center operations, from intake to diagnosis, for teams working in Arabic and English.
A bilingual repair-center application connecting customer intake, device records and technician workflows in one focused workspace.
سَدِيمًاArabic-first conversational AI
A conversational assistant that asks before it assumes and cites what it finds.
An Arabic-first AI assistant for travel planning and everyday questions, with grounded web research, opt-in voice and consent-based memory on a Fastify and Next.js monorepo.
Commerce operations SaaS
From scattered chats to structured orders, stock and a storefront.
A bilingual workspace for social sellers: manage products, stock, customers and orders, then connect them through a public storefront.
University platform — full-stack web application
One live workspace for students, instructors and administrators — with real sign-in, roles and attendance.
A full-stack campus application: email and social sign-in, role-based workspaces, attendance and grades, institution approvals, file uploads and an AI study assistant, all served by its own API layer.
Full-stack, not front-end with extras. Every skill below links to the projects where it is actually used.
Typed component systems, bilingual layouts and motion that explains what changed.
TypeScript — Strict mode across interfaces, APIs and shared contracts.
Servers that authenticate, authorize and validate everything they receive.
Relational models with the security rules living next to the data.
Agents that use tools, cite sources and ask before they act.
Tests that run in a real browser; hosting treated as its own concern.
The design work that makes the engineering usable.
Authentication, roles, data models, APIs and the interface on top — in Next.js, Laravel or Node.
Agents that call tools, cite sources, take voice input and remember only with consent.
Seen inMASAR AISADEEMAN AI
Dense operational workflows made legible, in Arabic and English.
Seen inUniFlow CampusMerchantFlow
Editorial layouts, motion with a purpose and accessible interactions, with or without a framework.
Seen inBella Tavola
Three.js and React Three Fiber scenes with quality tiers, fallbacks and reduced-motion paths.
Interface design that survives contact with real data, carried through to working code.
Seen inUniFlow CampusDesign studies
I’m Youssef, a full-stack developer from Egypt. I came to code through interface design, moved into front-end engineering, and now build complete products: Laravel and Node APIs, Postgres and MySQL data models, and AI agents that call tools and cite their sources.
Working in Arabic and English shapes how I build. Right-to-left layouts are designed from the start, not mirrored at the end. So does a habit of honesty: every project on this site says what is finished and what is not.
Design makes the engineering usable. Engineering makes the design real.
Who uses it, what they are trying to finish, and what must never go wrong.
Flows and states first — empty, loading, error, Arabic and English — then the visual layer.
Typed boundaries, server-side rules and tests that run in a real browser.
Measure on real devices, cut what does not help, and label honestly what is unfinished.
Alongside the work: Google’s UX design foundations and research courses, and Microsoft Learn paths in Power Apps and AI tools.
A product, a role, or an idea that needs both an interface and a backend — tell me about it.
youssefalfi94@gmail.com
