Selected work
Projects
Design work, built work, and the projects where I did both. Every build has a live URL and a repo.
- Projects
- 7
- Designed
- 4
- Built
- 4
- Both
- 1
- 2026Lost & Found: React RedesignDESIGNED · BUILT
- 2026Luxe Noir: Quiet Luxury CommerceDESIGNED
- 2026Vintagia: Curated Antiques MarketplaceDESIGNED
- 2026Luxe Noir: Shopping CartBUILT
- 2026Memory Card GameBUILT
- 2026CV BuilderBUILT
- 2025Alzahraa Hospital: Bilingual WebsiteDESIGNED
In detail
Lost & Found: React Redesign
A responsive, installable community board for reporting lost and found items, rebuilt from the original graduation project as an accessible React product demo with search, filters, privacy controls, and complete account and report-management flows.
Luxe Noir: Quiet Luxury Commerce
A responsive commerce system for a fictional London capsule wardrobe: editorial enough to feel distinctive, structured enough to make every decision clear. 67 routes designed as one coherent system, from landing page to ownership. A design concept, not a built store. Designed by me with Claude Code and Codex.
Vintagia: Curated Antiques Marketplace
A buy-only mobile marketplace for authenticated antiques. Every piece is curated, provenance-verified and sold at a fixed price, bringing the calm of a gallery visit to a category that usually feels like a crowded auction house. A practice project covering the full journey: research, flows, a tokenized design system and 30 high-fidelity screens in two themes.
Luxe Noir: Shopping Cart
A luxury dark-theme fashion storefront built with Next.js 16 and TypeScript. Products are fetched from the DummyJSON API, grouped by collection, and managed through a React Context cart with a slide-in drawer.
Memory Card Game
A Pokémon-themed memory game built with Next.js 16 and TypeScript. Twelve cards are fetched live from the PokeAPI, reshuffle after every click, and track your current and best score.
CV Builder
A dynamic CV builder built with React 19 and Vite. Fill in your details across six sections, watch an A4 preview update in real time, and export a clean single-page PDF with one click via html2pdf.js.
Alzahraa Hospital: Bilingual Website
A bilingual (English/Arabic, full RTL) hospital website designed to build trust and make departments, stats, and contact easy to find, designed end-to-end in Figma.
More case studies in the works