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.
09 systems
featured 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
01of09
live demo
Frontend Systems · Full-Stack · Product UI·2026-11-08
3DGallery
An atmospheric, walkable 3D art gallery
gallery.yazmin.dev
Frontend Systems · Full-Stack · Product UI·2026-11-08
3DGallery
An atmospheric, walkable 3D art gallery
01 // overview
Yazmin Gallery is an atmospheric, scroll-driven art experience that transforms a digital portfolio into a place to explore. I built the full experience—from editorial storytelling and responsive UI to a first-person 3D gallery with WebGL visuals, ambient sound, lighting, and interactive exhibits. A more immersive way to experience digital art. Shipped as a live, responsive gallery blending editorial design with real-time 3D exploration. Highlights include scroll-led storytelling, a walkable Three.js gallery, WebGL image effects, ambient audio, footsteps, and reduced-motion support.
02 // system
frontendinfragraphics
end-to-end path this project covers
04 // stack
Next.js
React
TypeScript
Three.js
React Three Fiber
Drei
GSAP
Lenis
WebGL
Vercel
05 // proof
06 // documentation
documentation
yasi005/3D-Gallery
unfolding readme…
01/09