about

projects

permanent archive

email me

menu

I have many thoughts on AI. As we all do.

I’m still navigating my relationship with it, reflecting on what may be changing, and remaining curious about what new possibilities are emerging alongside it.

I have many thoughts on AI. As we all do.

I’m still navigating my relationship with it, reflecting on what may be changing, and remaining curious about what new possibilities are emerging alongside it.

I have many thoughts on AI.
As we all do.

I’m still navigating my relationship with it, reflecting on what may be changing, and remaining curious about what new possibilities are emerging alongside it.

Full transparency, I remain skeptical and question it carefully. I deeply empathize for the artists and musicians in my little corner of the world who are trying to find their footing within a creative culture that's being rewritten in real time. And at the risk of sounding hypocritical, given that it’s here to stay, I want to meet it with curiosity instead of resistance. Not to replace anything, but to understand the power it holds.

I want to embrace its role as a tool for possibility.
As a tool in a larger process.
And more importantly, I want to make sure it doesn't replace the whole thing.

I still believe every creative pursuit is deeply human, shaped by perspectives and emotions that can never truly be replicated.

Somewhere within all of that reflection, and to keep a finger on the pulse, I’ve created a few small "passion projects" to find clarity within the noise.

Full transparency, I remain skeptical and question it carefully. I deeply empathize for the artists and musicians in my little corner of the world who are trying to find their footing within a creative culture that's being rewritten in real time. And at the risk of sounding hypocritical, given that it’s here to stay, I want to meet it with curiosity instead of resistance. Not to replace anything, but to understand the power it holds.


I want to embrace its role as a tool for possibility.
As a tool in a larger process.
And more importantly, I want to make sure it doesn't replace the whole thing.

I still believe every creative pursuit is deeply human, shaped by perspectives and emotions that can never truly be replicated.

Somewhere within all of that reflection, and to keep a finger on the pulse, I’ve created a few small "passion projects" to find clarity within the noise.

“See you in the
permanent archive.”

- Mira
May 16, 2026

project one

Suburban Rewind - Cursor Vibe Coding

rapid prototyping
motion & micro-interactions
React
Vite
rapid prototyping
motion & micro-interactions
React
Vite
CSS / design tokens
layout systems

Suburban Rewind started as an attempt to build something that felt like a memory. Fuzzy scanlines, the weight of plastic, glowing “HI·FI STEREO” labels, and the quiet nostalgia of growing up in a suburban basement in the 90s with my brother, who still collects VHS tapes from our childhood every chance he gets.

What began as a playful concept slowly became a quiet engineering battle with the browser. Every solved detail exposed another problem: shadows disappearing behind overflow rules, masks clipping content I still needed, carousel layouts collapsing as the viewport shifted. I treated it like an old recording mix, stripping things back instead of stacking hacks on top of hacks. Rebuild, refine, repeat.

Curiosity drove the technical side:
why does compositing clip here?
why does masking fight scrolling?
how do I make my custom-built TV feel physically grounded in the environmental background around it?

Instinct drove the rest: preserve the atmosphere, protect the usability, and hold onto that sentimental suburban dream state the project was chasing from the beginning. What exists now isn’t something that arrived polished. It’s the result of many wrong turns chosen deliberately, undone quickly, and replaced with tighter parameters until the illusion finally holds.

Suburban Rewind started as an attempt to build something that felt like a memory. Fuzzy scanlines, the weight of plastic, glowing “HI·FI STEREO” labels, and the quiet nostalgia of growing up in a suburban basement in the 90s with my brother, who still collects VHS tapes from our childhood every chance he gets.

What began as a playful concept slowly became a quiet engineering battle with the browser. Every solved detail exposed another problem: shadows disappearing behind overflow rules, masks clipping content I still needed, carousel layouts collapsing as the viewport shifted. I treated it like an old recording mix, stripping things back instead of stacking hacks on top of hacks. Rebuild, refine, repeat.

Curiosity drove the technical side:
why does compositing clip here?
why does masking fight scrolling?
how do I make my custom-built TV feel physically grounded in the environmental background around it?

Intuition drove the rest: preserve the atmosphere, protect the usability, and hold onto that sentimental suburban dream state the project was chasing from the beginning. What exists now isn’t something that arrived polished. It’s the result of many wrong turns chosen deliberately, undone quickly, and replaced with tighter parameters until the illusion finally holds.

Suburban Rewind - Cursor Vibe Coding

rapid prototyping
motion & micro-interactions
React
Vite
CSS / design tokens
layout systems

Technical Solves

• React 18 + Vite SPA with static output (dist/) suitable for Netlify-style edge hosting.
• Design-tokenized layout system using CSS custom properties for TV scale, render width, and speaker/padding geometry shared with the shelf.
• Bottom-anchored, transform-scaled TV plane (centered design-space markup scaled into a responsive column).
• Horizontal carousel with scroll-driven UI state, focusable region semantics, and keyboard-accessible tape selection.
• Compositing-correct cassette presentation: separated mask vs scroll layer, bleed-compensated CSS masks, and tuned cutout math for shelf fades without destroying shadows.
• Data-driven content model (films as structured records: posters, GIF URLs, optional crop positioning, metadata for UI).
• High-fidelity CRT simulation via stacked non-interactive overlays (scanlines, chromatic aberration, tracking artifact, isolated content flicker) + integrated VCR UI affordances tied to selection/insert timing.
• Photography-aligned ambient glow: additive CSS layers (mix-blend-mode: screen) keyed to the hero art board with animated radial halos (blur / brightness / opacity); mask eyes use a fixed pointer-events-none overlay, dual halo + hotspot passes, and prefers-reduced-motion fallbacks.

say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate.

say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate.

say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate.

Technical Solves

• React 18 + Vite SPA with static output (dist/) suitable for Netlify-style edge hosting.
• Design-tokenized layout system using CSS custom properties for TV scale, render width, and speaker/padding geometry shared with the shelf.
• Bottom-anchored, transform-scaled TV plane (centered design-space markup scaled into a responsive column).
• Horizontal carousel with scroll-driven UI state, focusable region semantics, and keyboard-accessible tape selection.
• Compositing-correct cassette presentation: separated mask vs scroll layer, bleed-compensated CSS masks, and tuned cutout math for shelf fades without destroying shadows.
• Data-driven content model (films as structured records: posters, GIF URLs, optional crop positioning, metadata for UI).
• High-fidelity CRT simulation via stacked non-interactive overlays (scanlines, chromatic aberration, tracking artifact, isolated content flicker) + integrated VCR UI affordances tied to selection/insert timing.