Portfolio V2 — Ahmed Emad

Personal portfolio for Ahmed Emad — UI/UX Designer & Front-End Engineer. Built with React, TypeScript, Vite, and Tailwind CSS.

Live Demo

Tech Stack

• React 18 + TypeScript
• Vite 6 with SWC
• Tailwind CSS v4 via @tailwindcss/vite
• motion — animation library
• react-router-dom — HashRouter for GitHub Pages
• @fontsource-variable/fraunces + @fontsource-variable/inter — self-hosted fonts
• lucide-react — icons

Features

• Vanilla WebGL shader hero background
• Custom cursor with blend-difference effect
• Gold/copper editorial palette with dark/light toggle
• CSS masonry project grid with testimonial-style border cards
• Full case study pages with context, approach, highlights, outcomes
• Gallery lightbox with keyboard navigation
• IntersectionObserver-based scroll detection for nav
• Responsive layout across all devices

Getting Started

git clone https://github.com/ahmed5emad/Portfolio-V2.git
cd Portfolio-V2
npm install
npm run dev

Build

npm run build

Output goes to the build/ directory for GitHub Pages deployment.