Documentation

Versioned release notes & technical reference.

Track changes, understand the architecture, and reference the tech stack that powers this portfolio.

Technical specifications

Framework
Next.js 16 (App Router)
Runtime
Node.js 24 + React 19
Styling
Tailwind CSS 4 + Custom Design Tokens
Database
CockroachDB (PostgreSQL-compatible)
Storage
Cloudflare R2 (S3 API)
Animation
Motion (formerly Framer Motion)
Icons
Lucide React + Custom SVGs
Deployment
Vercel
Package Manager
pnpm
Language
TypeScript 5 (strict mode)

Version history

Semantic versioning. All dates in YYYY-MM-DD format.

v1.2.02026-08-05

Chrome Hero & Social Integration

Design System

  • Introduced chrome hero section with multi-color radial blobs (blue, teal, amber, coral)
  • Added subtle 64px dot-grid pattern overlay to hero background
  • Upgraded portrait card with double glow ring and white border
  • Applied 10px (0.625rem) card radius globally via CSS tokens
  • Added dark mode support across all page sections

Social & Branding

  • Added editable social links to admin About editor (GitHub, LinkedIn, Twitter/X, Facebook, Instagram, TikTok)
  • Implemented proper SVG brand icons for all social platforms in footer
  • Changed site branding from alias to full name (Kingsley Maduabuchi)
  • Migrated social_links JSONB column to personal_about table

Developer Experience

  • Replaced generic icons with developer-specific lucide icons (Braces, Terminal, GitBranch)
  • Added global page loading bar with gradient animation on route changes
  • Replaced glass/transparent header with solid white background
  • Admin sidebar now solid with dark opaque mobile overlay
v1.1.02026-08-04

Core Portfolio Release

Architecture

  • Standalone Next.js 16 application sharing CockroachDB and Cloudflare R2 infrastructure with bespoke-technologies-FE
  • Independent Vercel deployment and GitHub repository
  • Reads portfolio_projects table from shared database; manages personal content in own tables

Public Pages

  • Home — animated gradient hero, featured projects, core skills, recent collaborations
  • About — personal story, tech stack grid, interests cloud, all database-driven
  • Projects — filterable grid (web/mobile/desktop) with hover overlays
  • Graphics — CSS columns masonry gallery with fullscreen lightbox
  • Collaborations — color-coded cards with partner logos and external links
  • Works — alternating vertical timeline with company logos and skills tags

Admin System

  • Password-based admin authentication with session cookies
  • Dashboard with quick-access cards to all sections
  • About editor — bio, headline, interests
  • Projects viewer — read-only from shared portfolio_projects
  • Graphics CRUD — title, category, description, image URL, client
  • Collaborations CRUD — partner, project, role, link
  • Experience CRUD — company, role, dates, skills tags
v1.0.02026-08-03

Initial Scaffold

Foundation

  • Next.js 16 + React 19 + Tailwind CSS 4 + TypeScript
  • Creative design token system: Blue × Teal × Amber × Coral spectrum
  • Custom font stack: Inter, system-ui, JetBrains Mono
  • Glass-morphism utilities, gradient text, animated backgrounds
  • motion/react for scroll-triggered reveal animations

Infrastructure

  • pg Pool connection to shared CockroachDB cluster
  • Cloudflare R2 / S3-compatible storage adapter
  • Ordered SQL migration runner
  • Database tables: personal_about, graphics_works, collaborations, work_experience