Hi!
Back to all projects

Cherry Music

A lightweight client-side music player integrated with YouTube audio streaming, LRC synced lyrics, and browser-based storage.

thumbnail
Click to expand

Cherry Music is a minimalist, client-side web application designed for a simple, focus-first music streaming experience without unnecessary clutter. Unlike traditional streaming platforms, Cherry Music operates entirely on the local browser environment using browser storage for user data, while relying on server-side processing only for audio fetching and downloading from YouTube.

Key Features

  • YouTube Audio Integration: Play and stream audio directly from YouTube sources.
  • LRC Synced Lyrics: Supports uploading .lrc lyric files with an interactive, beautifully synced lyrics view.
  • Essential Playback Controls: Standard player features including Play, Pause, Next, Previous, Shuffle, and Repeat mode.
  • Theme Customization: Multiple visual UI themes to personalize your listening experience.
  • Local-First & No-Playlist Simplicity: Built purely for playing music on demand without requiring user accounts or playlist setups.

Tech Stack

  • Frontend: Nuxt.js (v4), Vue.js, Pinia, Tailwind CSS (v4), DaisyUI, Lucide Icons
  • Backend & API: Express.js, Node.js, YouTube Scraper (@vreden/youtube_scraper), Music Metadata
  • Storage & Media Handling: Cloudinary, Multer, Browser Storage (IndexedDB / LocalStorage)

Project Links

More Projects

View all
Slicing SMK Coding

Slicing SMK Coding

A clean, responsive HTML & CSS slicing project for the Liga SMK web platform.

Dusun Bambu

Dusun Bambu

A modern web redesign focused on intuitive navigation and seamless visual experience.

RIPIT

RIPIT

A real-time collaborative music listening platform built with Next.js 16, Go (Gin), WebSockets, and Redis for synchronized playback and lyrics.