<- BACK TO WORK DIRECTORY
● IN FLIGHT
New Project

Desi Radio (Trend Following App Just for Fun)

A music-streaming website with an Instagram-style, trend-driven browsing experience.

Next.jsReactNode.jsAudio Streaming
arch://desi-radio
scroll to discover
plays like a feed
01 // ORIGIN & CONTEXT

The Backstory

Why this system was engineered, what existed previously, and the core operational bottlenecks it solves.

Desi Radio is a music-streaming website built around a familiar, feed-based discovery pattern — similar to how Instagram surfaces content — applied to songs instead of posts, making music discovery feel scrollable and trend-driven rather than search-first.

02 // HUD.TELEMETRY & BENCHMARKS100% PRODUCTION VERIFIED
● ACTIVE
In Build
Current Phase
● ACTIVE
Feed-Based
Discovery UX
● ACTIVE
Persistent
Audio Player
● ACTIVE
Trending
Content Focus
03 // PROBLEM SPACE & ARCHITECTURAL REMEDIATION
[DEFECTS & BOTTLENECKS]

The Challenge

  • 01.Traditional music sites rely on search-first discovery, which doesn't encourage casual browsing.
  • 02.Needed a lightweight, engaging way to surface trending tracks without a heavy app.
  • 03.Playback needed to feel smooth and continuous while browsing.
[ENGINEERED REMEDIATION]

The Solution

  • 01.Built a feed-based home screen where songs surface the way posts do on social feeds.
  • 02.Implemented a persistent player so playback continues while browsing the feed.
  • 03.Focused the experience on trending and discovery over search-first navigation.
04 // SYSTEM ARCHITECTURE

Modular Capabilities

MODULE 01
Instagram-style browsing

Scrollable Discovery Feed

Swipe/scroll through tracks instead of typing a search query.

MODULE 02
Continues across navigation

Persistent Player

Music keeps playing while you keep scrolling.

MODULE 03
Recommended tracks

Trending Surfacing

Algorithmic or curated ordering surfaces what's hot.

MODULE 04
Fast, casual browsing

Lightweight UX

Low-friction entry, no account wall to start listening.

MODULE 05
Built for scroll sessions

Mobile-First Layout

Designed for one-handed, on-the-go use.

MODULE 06
Minimal, familiar

Simple Playback Controls

Play/pause/skip without a cluttered interface.

05 // ENGINEERING SPEC

Technical Deep Dive

~/architecture/spec.ts
TYPESCRIPT 5.x
01.

The feed and the player are decoupled at the state level — navigating the feed never remounts or interrupts the active audio stream, which is the technical detail that makes "keep scrolling while it plays" actually work smoothly.

02.

Audio is streamed rather than fully downloaded before playback starts, so a track begins playing within moments of being tapped instead of waiting for a full file transfer.

03.

The discovery feed is built to lazy-load track metadata and artwork as the user scrolls, keeping initial page load light even as the catalog grows.

06 // INTERFACE SCHEMATICS

Project Gallery

07 // VERIFIED IMPACT

Business & Velocity Value

Direct outcomes, architecture speedups, and developer feedback delivered in production.

Music discovery that scrolls like a feed.
08 // ENGINEERING LESSONS

Post-Mortem Takeaways

TAKEAWAY 01

Borrow Familiar Patterns

Feed-scrolling from social apps lowers the learning curve for a new kind of product.

TAKEAWAY 02

Persistent State Matters

Playback state must survive navigation for a feed-based music experience to feel right.

TAKEAWAY 03

Discovery Over Search

Casual browsing needs a different default than search-first music apps.

🔒
Access Note

In progress. Links are placeholders for now — will be added once live.

● OPEN FOR ENGINEERING PROJECTS

Have a similar project in mind?

Let's build a scalable, high-performance solution from architecture to deployment.