Skip to main content
KANG LAB.
中文
Project Index
PROJECT / 002Active

KANG LAB

A bilingual personal project archive with project browsing and a protected content admin.

Year
2026
Status
Active
Categories
web
Updated
2026.09.29
  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • GSAP
  • Motion
  • MDX
  • Zod
KANG LAB — visual

Overview

KANG LAB is a continuously maintained personal project archive for presenting, organising and preserving development projects, experiments and products under long-term maintenance. It includes bilingual content, project search, an archive and project detail pages.

Experience

  • The homepage presents selected work through project-led visuals and editorial typography, with an immersive project scroll experience built with GSAP / ScrollTrigger.
  • Project content is authored in MDX, validated with Zod, and exposed through category browsing and search.
  • The admin supports project content and bilingual About page editing. Administrator accounts and passwords are managed only through a server CLI; passwords use salted scrypt hashes, sessions use HttpOnly cookies, and production writes fail closed when required configuration is missing.
  • Theme switching uses a circular View Transitions API reveal, with direct-switch fallbacks for unsupported browsers and reduced motion.

Stack

Next.js / React / TypeScript
Tailwind CSS
GSAP / ScrollTrigger / Motion
MDX / Zod
Node.js crypto (scrypt and signed sessions)

Changelog

  1. 2026.09.29
    • Added authenticated admin pages and fail-closed production write protection for Server Actions.
    • Added bilingual About editing and server CLI management for administrator accounts and passwords.
    • Fixed client-side navigation errors and refreshed the homepage copy and circular theme transition.
    • Fixed a brief white flash at the end of the light-to-dark theme transition.

Related Projects