My Portfolio

The digital showcase about me, a passionate software engineer with a love for video games, technology, and insightful writing

Preview Latest Features

• Visit my playground

Did You Miss Old Versions?

• Version 5

Technology Stack

Core Framework

• Nuxt 3 - Vue.js meta-framework
• Vue 3 - Progressive JavaScript framework
• TypeScript - Typed JavaScript
• Vite - Build tool and dev server
• Nitro - Server engine
• Bun - Package manager and runtime

UI Components & Design System

• shadcn-vue - UI component library
• Radix Vue - Headless UI primitives
• Inspira UI - Design system plugins
• Lucide Vue Next - Icon library
• @nuxt/icon - Icon system

Styling

• TailwindCSS - Utility-first CSS framework
• tailwindcss-animate - Animation utilities
• class-variance-authority - Component variant management
• clsx - Conditional class names
• tailwind-merge - Merge Tailwind classes

State Management & Utilities

• Pinia - State management
• VueUse - Collection of Vue composition utilities
• @vueuse/motion - Motion utilities for Vue

Animation Libraries

• GSAP - Animation library
• motion-v - Vue motion library
• vue-use-spring - Spring animations
• @number-flow/vue - Number animation library

Visual Effects

• canvas-confetti - Confetti effects
• cobe - 3D globe visualization

Internationalization & Theming

• @nuxtjs/i18n - Internationalization
• @nuxtjs/color-mode - Dark mode support

Image Optimization

• @nuxt/image - Image optimization module

Notifications

• vue-sonner - Toast notifications

APIs & Integrations

• HowLongToBeat API - Game completion time data
• Spotify API - Music player integration
• RSS2JSON API - Blog feed parsing
• GitHub API - Contribution stats (requires GITHUB_USERNAME or GITHUB_PROFILE_URL; optional GITHUB_TOKEN for higher rate limits)

Deployment & CI/CD

• Hetzner Cloud - VPS hosting
• Coolify - Self-hosted deployment platform (Docker-based apps and CI)
• semantic-release - Automated version management