AURA Magazine
A luxury salon's case study, told as a page-turning digital magazine.
Overview
A high-fashion, interactive editorial flipbook built as a conceptual case study for a luxury hair salon and apothecary. Simulates the tactile feel of a premium print magazine in the browser via react-pageflip, with 3D page-turn animations, keyboard/drag/swipe navigation, full-bleed editorial spreads, and a dense e-commerce-style "Apothecary" shop grid, closing with a colophon page detailing the mock business and credits.
Stack
UI / Frontend
Infra / Deploy
More projects
Arch Linux Setup
Switched to Arch Linux in 2023 as the main development machine — built from scratch, no installer hand-holding. Before settling, tried Void Linux for a stretch: musl libc and runit were interesting but the lack of an AUR equivalent meant too much manual work for daily use. Void got shelved. Arch has been the stable choice since.
Strata
A concept landing page for a fictional luxury skeleton watch, built as a single-page React 19 + TypeScript app on Vite. Sections pin and peel over each other using a CSS sticky mechanic driven by one scroll listener setting a custom property — native scroll is never hijacked — while GSAP with SplitText and ScrollTrigger handles masked headline reveals, scene arrivals, and a scrubbed parallax, all gated behind viewport size and prefers-reduced-motion. The site is served by a Cloudflare Worker via Workers Static Assets, which stamps a strict Content-Security-Policy and other security headers on every response and exposes a CORS-open /ping health endpoint.
SIMULACRA
A WebGL-powered interactive manifesto exploring the philosophy and mathematics of simulation through real-time browser physics. Built on React Three Fiber and Rapier (WASM-compiled Rust physics), it runs a 5,000-particle instanced mesh, a Plinko physics sandbox, and a live 4,000-node sorting visualizer — all at 60 FPS in the browser. The UI layer is fully decoupled from the WebGL canvas so DOM routing never interrupts the physics loop. Deployed on Cloudflare Workers with a TypeScript edge worker handling security headers and asset serving.
CampusBytes backend
Backend API for the CampusBytes food delivery platform — order management, menu serving, and delivery state.