✦ Selected Work · The full studio ✦
What I build,
and why it matters.
Six live shipped products — five real apps deployed at their own URLs, and this portfolio site you’re on right now. Each one is a real working system, not a concept or a deck.
✦ 01 · zenzadaegroup.com — built by hand ✦
Real-time Spotify, live from this page.
The biggest piece of engineering running on this site is the live Spotify pipeline. You can see it right now in the top nav of every single page— that pulsing “Live · Rumi listening to” pill is showing whatever I’m actually playing on Spotify this second, plus all the songs I’ve listened to pulled from my real listening history. And anyone visiting can click any song to play along — it loads the same track in the bottom-bar player so you can literally vibe with me as you read.
Real-time Spotify · via Last.fm scrobbles
Spotify's Web API now requires Premium for any data access, so I routed listening data through Last.fm — every play I do scrobbles automatically, and the site reads from there. The 'Listening Now' card you see on every page is genuinely live.
Server-anchored progress sync
The slider time isn't 'when our poller first noticed' — it's computed from the previous scrobble's timestamp minus its half-duration, accounting for Spotify's 50%-or-4-min scrobble rule. Every visitor sees the same accurate playhead.
Karaoke lyrics with translation
Live LRC lyrics from lrclib.net with a karaoke-style line highlight that follows the slider. Plus a single-dropdown translator that swaps the body into 12 languages on demand via Google Translate's public endpoint.
Multi-platform popovers
Click any artist or song → small popover appears with 8 platform options (Spotify, YouTube, Apple Music, SoundCloud, Last.fm, Genius, Tidal, Wikipedia, etc). Lyrics view lives inline in the same popover with ← Back and ⛶ Expand.
Photo fallback chain
When Last.fm returns a generic placeholder for an artist, the site falls through to a curated Wikipedia thumbnail snapshot, then to a runtime Wikipedia REST fetch with disambiguation logic — every artist always gets a real photo.
Time-capsule simulator (offline mode)
When no live source is configured, a deterministic time-based simulator rotates through 28 curated artists and their tracks. Every visitor at the same moment sees the same 'currently playing' track with progress that ticks up.
VisionBoard4Life
AI Vision Agents platform — describe your dream life, upload your photos, watch AI build your vision board.
Stack
- Next.js
- React
- TypeScript
- Vertex AI
- Gemini
- Nano Banana 2
- Veo 2
- Supabase
- Stripe
visionboard4life.netlify.app
TrackWhatISent
Lifetime remittance tracker — see how much you've sent across Western Union, Wise, Remitly and more.
WP Jenga
WordPress health scanner — security, performance, and SEO audits with A–F grades.
Hookflow
Webhook & API pipeline builder — connect triggers to actions, automate workflows.
Devfolio
GitHub portfolio generator — instant dev portfolio from any username.
ZenzaDae Tools
Free file converters that run entirely in your browser — no accounts, no uploads, no tracking. First tool live: Apple Pages → Microsoft Word.
✦ Always shipping ✦
This page updates as the work does.
Every project here was built by hand, top to bottom — front-end, back-end, content, polish. If you’re looking for someone who can ship a working system end-to-end, that’s the role I’m built for.
— Rumi Z. Z.