01Overview
A personal developer portfolio built with the Next.js App Router, React 19 and TypeScript to present software engineering case studies, skills, and professional experience.
Pages are statically generated for speed and SEO, styled with a token-based Tailwind CSS v4 design system that supports light and dark themes, and backed by Firebase for contact messages and a private visitor analytics dashboard.
02My contributions
- 01
Built a Next.js 16 App Router codebase with React 19 Server Components and TypeScript, statically generating every page and case study.
- 02
Designed a token-based Tailwind CSS v4 + shadcn/ui design system with accessible light and dark themes.
- 03
Added Motion-powered reveal animations that respect the visitor's reduced-motion preference.
- 04
Implemented a validated contact form (React Hook Form + Zod) that stores messages in Firebase Firestore.
- 05
Built a protected admin dashboard with visitor, device and interaction analytics charts using Recharts.
- 06
Implemented SEO metadata, OpenGraph tags, JSON-LD structured data, a sitemap and canonical URLs.
03Architecture highlights
04Key features
- Light and dark theme
- Project case studies with search and filters
- Experience timeline and skills matrix
- Contact form with validation
- Private analytics dashboard
- SEO, OpenGraph and JSON-LD