Personal Portfolio Website

What it is:

A one-page personal website that presents who I am, what I've built, and how to reach me — all in a single scroll. Everything on the site (bio, projects, experience, contact details) comes from one easy-to-edit file, so content can be updated in seconds without touching the design. It helps visitors — recruiters and clients — find what they need fast, whether they click through normally or just press Ctrl+K and type what they're looking for.

Tech stack:

Built with React and Vite for fast load times, with hand-written CSS and no heavy UI libraries.

Key features:

- Press Ctrl+K to open a command palette and jump to any section, copy my email, or open my profiles

- Hero section with a typing animation cycling through my roles, plus quick stats

- Project list you can filter by technology

- Smooth scroll-triggered animations

- Live local clock in the navbar

- One-click copy email with confirmation, plus downloadable CV

- Fully responsive: mobile menu on small screens, keyboard-friendly everywhere

- Animations switch off automatically if your system is set to reduce motion

Technical highlights:

- React 18 + Vite 6 — only two runtime dependencies, zero UI libraries

- Design system on CSS custom properties with a hand-written dark theme

- Three custom hooks: typewriter, scroll-spy, scroll-reveal

- IntersectionObserver reveals; prefers-reduced-motion respected in CSS and JS

- Accessibility: skip link, focus states, ARIA roles, aria-current, semantic landmarks

- SEO shipped: title, meta description, Open Graph/Twitter tags, SVG favicon