Ben Havenga.
Back to Projects
Coding

Portfolio Website (Next.js)

A personal portfolio built with Next.js, showcasing projects, skills, and contact information in a sleek, responsive design.

Tech Stack

Next.jsTypeScriptTailwindCSSshadcn/uiVercel

About This Project

This is my own portfolio website. It features: - Hero Section: Professional headshot, name, tagline, and call-to-action buttons (Get in Touch / View Resume). - About Section: Background, education, technical skills, and career goals with iconography from lucide-react. - Projects Section: Dynamically generated cards for each project (filterable by category) with tags and hover effects. - Skills & Expertise: Grid layout listing skill categories and details. - Contact Section: Email and phone links, social icons, and a call-to-action statement. - Dark/Light Mode Toggle: Tailwind CSS classes driven by a React hook. I built this to have a single source of truth for my online presence and to demonstrate my frontend skills with modern tooling.

Project Gallery

Portfolio hero section screenshot
Projects section screenshot