First Portfolio
My very first portfolio — hand-coded in my fourth semester, without any AI.
- Role
- Designer & Developer
- Team
- Solo
- Context
- Personal project
- Tools
- Next.js, React, TypeScript, TailwindCSS
Before AI coding agents were part of my toolkit, I built my first portfolio line by line myself: a one-page site with my education, experience, skills and student projects. It's where I learned React, Next.js and Tailwind properly — and it's still online as a snapshot of where I started.
What I built
A dark one-pager with a bold typographic hero and a violet accent:
- Sections for education, experience, skills and projects, each built as its own reusable component with typed data.
- A custom cursor that grows over interactive elements — and switches itself off on touch devices.
- A responsive layout from phone to desktop, plus small details like a back-to-top button.
Why it's still online
Every line of this site is mine — no AI wrote any of it. That makes it the honest baseline for everything that came after: the macOS portfolio pushed interaction further, and this site moved the focus to product thinking and case studies. Today I build much faster with AI agents, but knowing how the code works underneath is why I can direct them well.
What I learned
Component thinking, typed data, and how much time a "simple" responsive layout really takes. Those fundamentals still shape how I write specs for AI agents today.