All projects

2026-09-12

yazan.se

My personal portfolio - six switchable themes, a flip card with my live GitHub profile, and a projects section with video previews.

yazan.se

You're already here, and you're in for a treat! If you want to see this space change colors with your mood, tap the palette button in the top. Make yourself at home, pick a theme and enjoy the magic.

Why I built this

I didn't want this to be a normal portfolio. To be honest, none of these fancy parts here need to exist for a portfolio to work. But to me, this space is also my personal space. I built this space to live and have a personality.

What it does

  • Six themes: switch the whole site between Gruvbox, Valorant, Dracula, Forest, Catppuccin and Rose. Even the browser tab icon changes color.
  • GitHub card: run the terminal prompt on the home page and the card flips to show my live GitHub profile.
  • Projects: each project plays a video preview on hover, can be filtered by technology, and has its own page.
  • About: my background, the tools I work with, and my experience.

Built with

  • Framework: Next.js 16, React 19, TypeScript
  • Styling: Tailwind CSS, shadcn/ui, Radix UI, Framer Motion
  • Data: GitHub REST API, cached and refreshed daily
  • Content: MDX, Zod
  • Hosting: Vercel

Notable decisions

  • MDX over a heavy CMS: adding a project is a folder and a file in the repo. There is no admin panel, no third-party service to run, and the content is git versioned alongside the rest of the code. If the list outgrows that, a CMS can always come later, but for now this setup will do just fine.