[xotrii.online :: archive system v1.0.0]
~/portfolio/index

Hi, I'm XOTRII.

Designer & developer building expressive, performant web experiences. Currently seeking internship opportunities in frontend engineering, design engineering, or creative development.

// about

I design and build interfaces that feel alive — combining type, motion, and a strong point of view. My work spans full-stack web apps, design systems, and creative coding.

I care about craft: pixel-perfect layouts, accessible interactions, and code that other engineers enjoy reading. I'm equally comfortable shipping a feature end-to-end or iterating on a brand identity in Figma.

Selected Projects

3 case studies

xotrii.online

Designer & Full-Stack Developer · 2026

An underground audio archive and interactive identity site. Custom design system, animated UI, persistent audio engine, character lab, and a card battle game.

  • Built persistent global audio context with cross-route playback and scrubber
  • Designed custom OKLCH design tokens & motion system from scratch
  • Shipped a playable card battle prototype with state machine logic
React 19TanStack StartTypeScriptTailwind v4Framer Motion

Character Lab

Frontend Engineer / Designer · 2026

Interactive bento grid roster of stylized characters with anime linework, animated portraits, and modular layout primitives.

  • Designed responsive bento layout that adapts to 5 breakpoints
  • Created reusable portrait component with hover micro-interactions
ReactFramer MotionCSS GridSVG

Card Battle Engine

Game Logic Developer · 2026

Turn-based card battler with rarity tiers, status effects, and animated combat resolution. Fully client-side with deterministic logic.

  • Implemented rarity system, ability triggers, and damage pipeline
  • Animated card flips, draw, and KO sequences
TypeScriptReactState Machines

Skills & Tech Stack

Frontend
  • React 19
  • TypeScript
  • TanStack Router
  • Next.js
  • Tailwind CSS
  • Framer Motion
Design
  • Figma
  • Design Systems
  • Motion Design
  • Brand Identity
  • UI/UX
Backend
  • Node.js
  • Postgres
  • Supabase
  • REST APIs
  • Edge Functions
Tools
  • Git
  • Vite
  • Bun
  • FFmpeg
  • Vercel/Cloudflare
// experience

Independent Designer & Developer

2024 — Present
XOTRII

Designing and shipping creative web projects, brand systems, and interactive experiences.

Open-Source Contributor

2023 — Present
Various

Contributing UI components, bug fixes, and documentation to community projects.

Let's work together

Looking for an intern who ships? I'd love to hear about your team. Drop a note and I'll respond within 48 hours.

instagram · @xotrii
soundcloud · xotrii on soundcloud
no_signal.wav
:: 0:00 / 0:00
visitor--------
sync0