01
Overview
osu!radio is a personal project: a music streaming desktop app built with Electron, React, and TypeScript. It features metadata caching, playlists, queue, and loop controls — all designed for a smooth, focused listening experience.
02
My Role
Solo project: product, design, and full-stack development. I designed the UI and UX, implemented the app (Electron + React + TypeScript), and set up SQL-based metadata and caching.
03
Process
Research & Discovery
Explored existing osu! and music streaming workflows. Defined scope: desktop-first, offline-friendly metadata, and simple queue/playlist model.
Ideation & Wireframes
Wireframes for main views: library, queue, playlist, now playing. Data model for tracks and metadata.
Visual Design & Prototyping
UI design in Figma. Dark theme optimized for long listening sessions. Prototype for key flows.
Development & Iteration
Electron + React + TypeScript app. SQLite for metadata. Implemented playlist, queue, loop, and caching. Iterated on performance and UX.
Final Deliverables
Shipped desktop app with core features. Documentation and (optional) open-source release.
04
Visuals
05
Outcomes
- Full-stack desktop app: Electron, React, TypeScript, SQL
- Metadata caching for fast load times
- Playlist, queue, and loop features
06
Reflection
Building something end-to-end from idea to ship was incredibly rewarding. I'd add more keyboard shortcuts and theming options in a next version.