Back to Docs

About This Site

A look at the technology and approach behind this portfolio.

Overview

This site serves as a modern job search landing page, designed to give recruiters and hiring managers an interactive way to learn about my background. Rather than a static resume, it provides an AI-powered conversation interface alongside traditional portfolio elements.

Tech Stack

Frontend

  • Next.js 16 (App Router)
  • TypeScript (strict mode)
  • Tailwind CSS
  • Geist font family

AI & Backend

  • Anthropic Claude API
  • Vercel AI SDK
  • Vercel Blob Storage
  • Edge Functions

Testing

  • Vitest (unit tests)
  • React Testing Library
  • Playwright (E2E)

Infrastructure

  • Vercel (hosting)
  • GitHub (source control)
  • GitHub Actions (CI)

Design Philosophy

The design follows a clean, professional aesthetic inspired by modern consulting firms. Key principles include:

  • High contrast for readability
  • Minimal decorative elements
  • Consistent spacing and typography
  • Dark mode by default (easier on the eyes)
  • Mobile-responsive layout

Key Features

AI Chat Assistant

Full context window approach (no RAG) with prompt caching for efficient, contextually aware responses about my professional background.

Role Fit Assessment

Paste a job description to get an AI-generated analysis of how my experience aligns with the role requirements.

Recruiter-Ready Resume Generator

Generate tailored resumes optimized for human readability and role relevance, with recruiter-focused scoring across clarity, impact, and fit.

Traffic Analytics

UTM parameter tracking and referrer classification to understand which outreach channels are most effective.

Development Approach

This site was built using Test-Driven Development (TDD) principles with comprehensive test coverage. Development was assisted by Claude Code, Anthropic's AI-powered development tool, demonstrating practical application of AI in software development workflows.