Skip to content
All projects

Personal2026

Personal Portfolio

A custom-built portfolio that pairs case studies with a performance- and accessibility-first React stack.

View code(opens in a new tab)
  • React
  • TypeScript
  • Tailwind CSS
  • Vite
  • Vercel
Personal Portfolio — homepage
Client
Personal project
Sector
Design & engineering
Location
Ottawa, Canada
Platform
React + Vite
Role
Design, build & content
Year
2026

Goal of the collaboration

Build a portfolio that proves the work instead of describing it — fast pages, real case studies and a direct path to contact.

A self-directed build: one consistent case-study system, written and coded end to end, with no template to hide behind.

hi :)
Real person
WCAG 2.1 AA compliant even with dark colors lol
Accessible
best practices and optimization
SEO
View code(opens in a new tab)

The challenge

I didn't have a portfolio yet, so I had to build one from scratch while also building the portfolio itself. Templates looked generic and buried the work; the site had to show both design judgement and front-end engineering.

What I did

  1. 01Case-study structure built around goals and outcomes
  2. 02Component system on React, TypeScript and Tailwind
  3. 03Route-level code splitting and per-page SEO

Selected screens

Open any image for a larger view — arrow keys move between shots.

The outcome

A single codebase now hosts every case study with per-route metadata, accessible interactions and a clear path to contact.

Building something similar?

I'm open to front-end roles and freelance work. Tell me what you're shipping.

Let’s talk

More projects

All projects
Let's talk