Skip to main content

Personal Portfolio Website

Next.js · React · Tailwind CSS · MDX

Personal Portfolio Website

This portfolio website represents my journey into neobrutalist web design, combining bold visual elements with clean, accessible interfaces.

Features

  • Blog System - MDX-powered blog with syntax highlighting and reading time
  • Project Timeline - Interactive timeline showcasing my work history
  • Travel Journal - Photo galleries and travel stories
  • Dark Mode - Full theme support with OKLCH color system

Technical Highlights

Built with modern web technologies:

  • Next.js 16 with App Router
  • Tailwind CSS v4 for styling
  • MDX for content management
  • OKLCH color space for accessible theming

Design Philosophy

The neobrutalist aesthetic embraces:

  • Bold borders and shadows
  • High contrast color combinations
  • Intentionally raw, honest interfaces
  • Accessibility-first approach