Personal Portfolio & Design System
High-performance personal website engineered with Astro 7, Tailwind CSS 4, and TypeScript, featuring zero-overhead architecture and strict CSP headers.
Overview & Architecture
My personal portfolio built to demonstrate clean code architecture, absolute KISS principle, and maximum accessibility. Engineered using Astro 7 for zero unnecessary client-side JavaScript, styled with Tailwind CSS 4 and Geist variable fonts, and hardened with automated SHA-256 Content Security Policy generation at build time.
Key Capabilities
Zero Client JS Default
Islands architecture ensuring only the Hero particle canvas executes client JS, while all other sections remain static HTML.
Strict Content Security Policy
Automated post-build AST hash generator eliminating unsafe-inline from both styles and scripts.
Modern CSS Animation Timeline
Scroll-driven animations with automatic prefers-reduced-motion fallback.
Interface Previews
6 screenshots
