Role
Product design, AI Engineering, UX/UI
Scope
End-to-end product delivery
Stack
Lovable, React, Vite, Supabase, Bunny CDN, Daily
STATUS
Used weekly by 20 students, with continuous improvements driven by their feedback.
TESTIMONIAL
Teici
Singing and Percussion Coach based in Chile
Main Dashboard
A clear home for live sessions, practice activity, messages, and recent recordings.
Live Class
Video teaching with shared repertoire, lyrics, notes, screen audio, and lesson controls in one view.
Recorded Bits of Your Class For Future Reference
If you need to revisit a particular part of the class, you can just record a snippet during the class and it's going to be saved in your videos.
Homework Workflow
Teachers select students, describe the task, attach files, and assign materials from the shared repository.
Personal Repertoire
A visual song library keeps videos, lyrics, notes, and practice pieces close to the lesson flow.
Learning Repository
Tagged video, audio, links, and PDFs create a reusable knowledge base for each discipline.
Member Management
Access, roles, coaching status, and member profiles are managed from one operational view.
Singing Studio
A focused practice space combines reference video, karaoke links, images, formatted lyrics, and personal notes.
Shared Repertoire in Class
Teachers can open a student’s repertoire and play supporting material for everyone without leaving the call.
Coach References
Teachers curate and assign mixed-format reference material, from demonstration videos to research PDFs.
01
Context
The core problem was not a lack of teaching. It was that the most useful notes lived in the moment across messages, memory, and disconnected practice clips.
02
Intervention
MelodinaHuB reframes each practice clip as a living lesson object. Feedback can be attached to the exact moment it matters timestamped, annotated, and revisitable.
03
Product Model
Practice Room for student uploads and lesson review. Repository of Knowledge for durable teaching material. Social Sphere for lightweight visibility and community momentum.
04
Outcome
The work moved beyond a concept page into a usable product loop tested with an active teaching practice. Students revisit precise feedback instead of relying on memory.
05
Build
Everything was vibe coded in Lovable using these following technologies daily.co for live video classes, React and Vite for the surface. Supabase for accounts. Bunny CDN for 1080p-ready playback and sub-second perceived load, keeping uploads and feedback responsive for repeated weekly use.
06
Process
Personal pain point from music teaching shaped the first product decisions. Solo execution covered research, interface design, and build. Iteration came from watching students return to feedback between lessons.
07
Reflection
Building Melodina Hub reinforced the value of designing around real workflows. More than five months of active use and continuous feedback from teachers and students have shaped rapid, iterative improvements. The biggest success has been reducing friction across live lessons, practice, feedback, assignments, and learning resources. Technical challenges still surface, but real-world use keeps refining both the product and the experience.
08
Next Steps
The long-term vision is to replace disconnected third-party tools with proprietary exercises that share one progress model and fit directly into the existing learning loop.
→ Interactive ear training exercises
→ Breathing practice applications
→ Note and sight-reading trainers
→ Rhythm and timing exercises
→ Music theory quizzes
→ AI-assisted practice analysis
→ Personalised recommendations based on student progress