A web app for learning music.
🔗 Live Demo: https://skysong-nine.vercel.app/
Best viewed on a laptop. Use Google Chrome, Safari, or Brave for smooth playback. Firefox may have some playback quirks.
| Feature | Description |
|---|---|
| Song Library | Searchable by title, artist, arranger |
| Built-in Music Player | Mute parts, transpose, adjust tempo, zoom in/out, export PDF |
| Admin Role | Add songs (edit/delete coming soon) |
Note:
- The login feature currently exists for admin users only. Admin privileges are manually assigned by the owner of this repository. Creating a new login in the live demo will not grant admin access.
- This login feature is intended for future enhancements, such as organization/group membership, when members will be required to log in.
- Frontend: React, TailwindCSS, DaisyUI
- Database: PostgreSQL / Supabase
- Deployment: Vercel
- Music Rendering/Playback: OpenSheetMusicDisplay (OSMD) — includes a sponsor-only private package
Full local setup steps are documented in INSTALLATION.md. Access to a private, sponsor-only package and credentials is required for local setup.
I created SkySong with my Filipino A Capella group in mind. The goal was to make it easier for members to:
- Follow along visually with the score as the music plays
- Isolate or mute parts to practice their own voice part
- Upload arrangements directly (via admin access)
This project allowed me to combine my passion for music and technology, while building something useful for real collaborators.
- Support multiple organizations, so admins can share music with specific groups only
- Song categories for improved searching/filtering
- Edit and delete features for song entries
- Fully responsive mobile UI (Fixed: 2025-09-06)
Kaylee Ulep
- LinkedIn: https://www.linkedin.com/in/kaylee-ulep/
- Email: kaylee.ulep@gmail.com