Work

Client Portfolio Site Creation

A polished portfolio website built for a senior IB educator with 25+ years of international teaching experience. Features scroll-triggered animations, an interactive career timeline, and a theme system — all statically generated with Astro.

Role

Solo Developer

Year

2026

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
1/4
7 Pages
4 Career Stops
25yr Client Tenure
TypeScript76.8%
Astro14%
CSS9%
TypeScriptAstroCSS

What It Does

PankPort is a client portfolio for a senior IB DP Coordinator and Geography/ESS teacher with 25+ years across India, Indonesia, Kazakhstan, and China. Seven pages — Home, Experience, Leadership, Academics, Milestones, Extracurricular, and Contact — present a career spanning four countries and multiple IB roles.

How It Works

Built with Astro for zero-JS-by-default static generation, with island-based hydration only where interactivity is needed. Scroll-triggered IntersectionObserver animations power the stat counters and section reveals. A localStorage-backed theme system persists user preference across sessions. Deployed on Vercel with instant global edge caching.

Key Features

  • Animated stat counters — years of experience, countries, IB roles, and subjects animate on scroll
  • Career timeline — flag-decorated journey through four countries with role progression
  • Theme system — persistent color scheme switching via localStorage
  • CV download — direct PDF access from multiple touchpoints
  • Fully static — Astro SSG with partial hydration for interactive islands only