arrow_backBack to portfolio
Case Study

PlayMyChord — AI Song to Chord Converter

Converts AI-generated music tracks (Suno, Udio, Boomy) into editable, transposable guitar chord sheets in under 10 minutes.

StatusLive — playmychord.idStackReact · Vite · TypeScript · Tailwind CSS · Firebase · Groq AI APIRepositorygithub.com/ryeska-fajar/playmychord-app
warning

The Problem

Pengguna AI music generator (Suno, Udio, Boomy) punya lagu, tapi tidak bisa memainkannya karena tidak ada notasi musik. Chord finder tradisional juga tidak dirancang untuk cara lagu AI dibuat — tanpa konteks lirik, tanpa struktur section, tanpa lapisan koreksi manusia.

lightbulb

The Solution

Web app yang mendeteksi chord otomatis dari audio via Web Worker (Meyda.js + Tonal.js) sehingga browser tidak pernah freeze saat analisis berjalan. Bukan janji AI sempurna — draf pintar plus editor tercepat untuk membenarkannya. Chord dengan confidence rendah ditandai kuning, tinggal diklik untuk dikoreksi sambil audio tetap diputar.

Key Features

  • check_circleDeteksi chord otomatis: Dari audio via Web Worker (non-blocking).
  • check_circleEditor click-to-edit: Dilengkapi dengan confidence markers & correction reason tagging.
  • check_circleAI Chord Advisor: Memanfaatkan Groq AI (Llama/Qwen) untuk memberikan saran koreksi kontekstual.
  • check_circleIntegrasi lirik + section tags: Format [Verse][Chorus][Bridge], di mana chord otomatis menempel di atas kata yang tepat.
  • check_circleTranspose & Capo Suggestion: Mode simplified chord untuk kemudahan bermain.
  • check_circleFungsionalitas lengkap: Diagram fingering gitar, auto-scroll saat playback, dan undo/redo hingga 40 langkah.
  • check_circleEkspor multi-format: PDF, ChordPro, dan JSON.
  • check_circleFitur Backend: Autentikasi Google, penyimpanan Firestore, dan admin dashboard.
  • check_circleDukungan Multilingual: Tersedia dalam Bahasa Inggris & Indonesia (EN/ID).

Privacy & Accuracy

Privacy: Audio diproses sepenuhnya di browser pengguna, tidak pernah dikirim ke server.

Akurasi: 50-65% deteksi chord awal pada AI-generated music — dari situ editor koreksi berperan, sebagian besar user mendapat chord sheet siap main dalam waktu kurang dari 10 menit.

Tech Stack & Monetization

Tech Stack: React, Vite, TypeScript, Tailwind CSS, Firebase (Auth, Firestore, Hosting), Groq AI API, Web Worker, html2pdf.js

Monetisasi: Model bayar sekali pakai (bukan langganan) via Mayar — Free (1 lagu), Song Pack Rp29.000 (5 lagu), Album Pack Rp79.000 (15 lagu + songbook PDF)

Project Metadata

Status: Live — playmychord.id

Repository: github.com/ryeska-fajar/playmychord-app

apt. Ryeska Fajar Respaty, M.Farm. — Clinical Pharmacist & Developer