This Portfolio

I did not want a ready-made theme with stock animations. I wanted my own site to show how I work as a developer: with care for speed, small details, and clean code.

So I treated it like a real product, not a quick demo. Every part has a reason, and every choice — from the layout to the last byte — was made on purpose.

Yes, I write code — that is what I do. But I have changed the way I develop, adapting to the modern era. Today I work with AI agents in a Spec-Driven way: first I write a clear, detailed spec of what I want, then the agents help me turn it into code. I review, test, and guide each step, so the result still matches my taste and standards.

I also use proven tools instead of building everything from zero — like shadcn/ui and Radix for the components and Tailwind for the styles. My job is to pick them well, connect them, and make them feel like one site.

The site runs on Next.js with React and TypeScript, and Tailwind CSS for the styles. Every page is built ahead of time, so it loads fast and search engines and AI assistants can read it without running any code.

All the text and data live in one file. The same source feeds the whole site, including a résumé page that is ready to print. I change it in one place, and it updates everywhere.

The look is inspired by “Liquid Glass”, the design Apple introduced with the iPhone 17, its newest phone at the time. Many people did not like it — I did. I did not copy it; I took the idea of soft, see-through glass and gave it my own electric colors, the tones I like most, so the site feels alive.

The glass comes from one shared building block that I reuse on every card and panel, with design tokens for the colors and spacing, so everything matches and is easy to change later.

I did not just hope the site was fast — I measured it. Every change runs automatic checks before it goes live: code style, types, a full build, and page tests. Lighthouse also checks accessibility and SEO, and the build fails if the score drops below 95.

Then I optimized the details most sites ignore: images are compressed (the hero went from 19 MB to about 446 KB), security headers keep safe defaults, and the page opens almost instantly with no jumpy layout.