law

Code. Form.
Play.

02 / DIGITAL ARCHIVE Drag to explore

01/06
03 / selected work

Selected
work.

PAGE // 01 / 02

Games, systems, and experiments for the web. Built from the interface down to the system behind it.

01 // GBA ROGUELIKE ● CELO / MINIPAY

Mini-Card

Retro GBA-inspired poker roguelike with on-chain leaderboard, Joker modifiers, and real-time WebGL CRT shaders.

NEXT.JS 14 WEBGL / GLSL MINIPAY EVM
02 // WEB3 MINI-APP ● MONAD TESTNET

Monad Road

Gamified security education game featuring soulbound NFT cards, gasless EIP-712 state machine, and Turborepo architecture.

TURBOREPO EIP-712 MONAD CLOUDFLARE
03 // GEO AUDIOGUIDE ● PRODUCTION

EdificArte

Cultural heritage audioguide & geo-localized exploration platform powered by Astro 5, Cloudflare Workers, Mapbox GL & PostGIS.

ASTRO 5 MAPBOX GL POSTGIS INDEXEDDB
04 // LEGAL TECH AI ● PRODUCTION

LegalIA

Enterprise Legal AI & jurisprudence RAG platform with strict anti-hallucination policies, pgvector embeddings & Clean Architecture.

FASTAPI PGVECTOR RAG / LLM CLEAN ARCH DOCKER
05 // CREATIVE DEV ● 60 FPS

Sleepy

Interactive e-commerce platform featuring high-performance 60 FPS scroll-driven canvas frame sequences, GSAP animations & catalog UI.

GSAP CANVAS VITE E-COMMERCE
06 // LOGISTICS IOT ● DASHBOARD

PackTrack

Logistics and warehouse management platform with real-time package monitoring, carrier administration & capacity telemetry.

VUE 3 TYPESCRIPT PINIA FASTAPI
04 / tools & practice

Behind the
interface.

The systems, graphics, and protocols I work with.

SPEC // 01

Architecture & Distributed Systems

  • Clean & Hexagonal Design: Domain boundaries, container-presentational separation, and decoupled business logic.
  • Edge Compute & Serverless: Cloudflare Workers, D1 SQL, and KV storage.
  • Spatial & Relational Engines: PostgreSQL with PostGIS spatial indexing, optimized bounding queries, and Redis caching.
  • Monorepo Engineering: Turborepo modular architecture with isolated packages, shared type systems, and deterministic builds.
SPEC // 02

Creative Tech & Graphics Pipeline

  • WebGL & Three.js: Real-time 3D pipelines, dynamic lighting models, environment reflections, and asset optimization.
  • Custom GLSL Shaders: CRT phosphor emulation, scanline synthesizers, barrel warp distortions, and post-processing bloom.
  • Computer Vision Overlays: Real-time edge detection, matrix transformation math, and canvas motion tracking synchronization.
  • Rendering Performance: Frame budgets, offscreen rendering, and memory lifecycle management.
SPEC // 03

Decentralized Protocols & Web3

  • EVM & Smart Contracts: Solidity state machines, non-custodial cryptographic verification, and gas-efficient storage patterns.
  • EIP-712 Typed Signing: Cryptographically verifiable off-chain game states and player actions without per-turn gas friction.
  • Mobile-First Ecosystems: Deep integration with Celo, MiniPay (Opera), and next-generation parallel EVMs like Monad.
  • Soulbound Credentials: Verifiably fair mechanics, on-chain achievements, and tamper-proof user progression.

About me

I'm Law, a systems engineer and creative developer in Medellín, Colombia.

I build web applications and interactive graphics. My work moves between system architecture, games, and 3D - with a soft spot for old consoles and early digital culture.

Ace of Spades King of Hearts

contact

Live demo

Interactive preview. Use mouse or touch to interact with the project.