full-stack systems · shipped end to end
<projects/>
Products, platforms & experiments
Selected builds that show the full loop — interface, API, data, auth, and deploy — not demos that stop at the UI.
07 systems
origin shelf
<early work/>
The soft beginning — small builds that taught me how to ship.
01
portfolio v1
react · vite
First real portfolio. Cozy, wiggly, proud.
02
bitcoin web
html · css
Static landing energy. Orange and optimistic.
03
snake
html · js
A tiny classic. Eat. Grow. Don't crash.
playground · 2022 → now
codepen chaos
Neon hovers, tiny UI toys, and unfinished cute experiments I never stopped making.
@its_yasi
03of07
live demo
Frontend Systems · Software Engineering · Open Source +2·2026-09-27
SketchMystery
Reveal the interface beneath the surface
01 // overview
Brushiing is an immersive interactive canvas that transforms a simple drawing gesture into a refined digital experience. Users paint textured ink across a minimal white interface to reveal hidden typography and orbital wireframes, creating a sense of curiosity, discovery, and visual depth. The project combines responsive Canvas 2D rendering, generative brush textures, stylus pressure support, live reveal telemetry, keyboard controls, and reduced-motion support to create an experience that feels tactile, intentional, and memorable.
02 // system
frontendinfra
end-to-end path this project covers
04 // stack
Next.js
React
TypeScript
Canvas 2D
Tailwind CSS
CSS Animations
Vercel
05 // proof
06 // documentation
documentation
yasi005/Sketch-Mystery
unfolding readme…
03/07