Web Dev / Personal Project

Personal Portfolio

A responsive home for project stories, experience, and contact, with clear navigation and a consistent light and dark theme.

Private code: request access

Full-page capture of the portfolio homepage, from the hero and sidebar navigation down to the footer — Full homepage capture: hero with animated role text and calls to action, experience stats, services, featured work, skills, the contact prompt, and the footer.

How it works

Built with Next.js 16 App Router, React 19, TypeScript, and Tailwind CSS. Centralized content supports thin page routes, a persistent desktop sidebar, and a mobile navigation drawer. Accessible focus styles and persisted themes support browsing preferences. Vitest and Playwright cover components and user journeys.

Capabilities

Responsive project, experience, and contact pages
Persistent navigation with a mobile drawer
Light and dark themes with visible keyboard focus
Centralized content and thin Next.js route wrappers
Component and end-to-end coverage with Vitest and Playwright

Built with

Next.js
TypeScript
Tailwind CSS
Vitest
Playwright

How it works

Capabilities

Built with

Related projects

How it works

Capabilities

Built with

Related projects