personal website

a modern, responsive portfolio website built with next.js and tailwind css

my personal website showcasing my projects and skills. built with modern technologies and best practices, featuring smooth animations, dark mode support, and responsive design. the website includes project showcases, a blog section, and various interactive components.

personal-website

key features

  • responsive design with mobile-first approach
  • dark/light theme with system preference sync
  • smooth page transitions and animations
  • dynamic project showcases with screenshots
  • markdown-powered blog system
  • optimized images and performance

tech stack

frontend

next.js
typescript
tailwind css
shadcn/ui
framer motion
three.js
next-themes

deployment

vercel
custom domain

screenshots

personal-website screenshot 1

challenges

  • bulletproof accessibility and SEO
  • finding the sweet spot between old-school vibes and modern polish
  • making projects and blog posts feel like one cohesive story

solutions

  • mixed nostalgic design elements with clean modern touches
  • wove projects and blog content into a natural flow
  • fine-tuned animations to stay smooth without burning up resources
  • ensured a smooth user experience on all devices and platforms