Services Portfolio About FAQ
← Portfolio / StreamWave
🎵 Music Streaming

StreamWave — Jamendo-Powered Music Streaming App

A frictionless, browser-native music player that connects directly to the Jamendo API — letting anyone discover, stream, and enjoy thousands of free, licensed tracks by mood, genre, or keyword, with zero sign-up required.

Music Streaming Web App
Vanilla JS · HTML5 Audio · Jamendo API
Vercel
https://mystreamwave.vercel.app/
Open full site in new tab →

The Problem

Most music streaming platforms demand account creation before you can hear a single note. Free tiers are crippled with ads, shuffle-only restrictions, and recommendation algorithms that bury discovery. Developers and creatives who just want background music while they work are forced into a subscription cycle or stuck with YouTube autoplay. There was a clear gap for a truly open, instant-play streaming experience built on licensed, royalty-free music.

❌ The Pain Points

  • Account walls block instant music access
  • Ad interruptions break focus and flow states
  • No mood-based browsing without a premium subscription
  • Royalty-free music tools are ugly and hard to use
  • HTML5 audio APIs are underused in modern web apps

✅ What StreamWave Solves

  • Zero sign-up — land on the page, hit play immediately
  • 100% ad-free, built on Jamendo's free-to-stream API
  • Mood/genre presets for instant contextual discovery
  • Full transport controls: play, pause, seek, loop, autoplay
  • A minimal, distraction-free interface built entirely in Vanilla JS

How It Works

StreamWave is intentionally lightweight — no framework, no bundler overhead, just HTML, CSS, and modern JavaScript talking directly to the Jamendo API.

🔍

Smart Search

Users type any keyword — track name, artist, genre, mood — and StreamWave queries the Jamendo API in real time, returning a rich list of playable tracks with cover art and metadata.

🎯

Mood Preset Filters

One-click mood pills (Chill, Electronic, Rock, Jazz, Soundtrack) pre-fill the search and surface a curated list — so users who don't know what they want still find something they love in seconds.

🎚️

Full Transport Controls

A sticky player bar gives complete control: play/pause, previous/next, seek slider, remaining time, loop toggle, and autoplay — all wired natively to the HTML5 Audio element.

🖼️

Rich Track Metadata

Every track in the list shows artist name, track title, duration, and album art sourced live from Jamendo — turning a simple list into a visually engaging music discovery experience.

📊

Live Stats

A sidebar shows the number of tracks loaded in the current session and a simulated "listening now" counter, giving the app a lively, community feel even as a solo tool.

Zero-Dependency Architecture

No React, no Vue, no bundler — just vanilla ES Modules and a modern CSS reset. The result is an app that loads in milliseconds on any connection.

Technology Stack

StreamWave deliberately avoids heavy frameworks. The entire application is built with platform primitives — proving that a great UX doesn't require a complex toolchain.

Vanilla JavaScript (ES Modules) HTML5 Audio API Jamendo REST API CSS3 (modern-css-reset) Inter (Google Fonts) Vercel (CDN deployment)

Key Outcomes

Want a Fast, Beautiful Web App?

We build polished, performant web applications — from zero-dependency tools to full-stack platforms. Let's talk.