Chordzilla — Guitar Practice
A guitar-chord platform with interactive tools for practice. At HostD, I contributed to the reading and search experience, transpose controls, auto-scroll, and chord diagrams.
Visit project websiteGROUP PROJECT · Employment project · HostD
My role
Front-End Developer · PT HostD Internet Media
This was part of my front-end work at HostD. My contribution was to the product interface and its interactions; the chord catalogue describes the wider platform.
My contribution
- Developed the responsive reading and search experience
- Implemented transpose and auto-scroll interactions
- Built interactive chord-diagram behavior
- Contributed to the SEO-ready content structure
My focus: Connecting readable chord pages with practical tools for playing and practicing.
[01] Story
Problem [02]
[03] Approach
Goals
StageSupport discovery, reading, and practice in one web experience.
Challenges
StageKeeping reading and practice controls usable together on mobile.
Context
01Worked on the reading, discovery, and practice interactions within the product.
Direction
02Organized chord-page controls and responsive reading layouts.
Implementation
03Implemented transpose, auto-scroll, and diagram interactions, and contributed to the reading and search experience.
Delivery
04Delivered front-end work within HostD’s product development.
Collaboration
05Connected interface implementation with the platform’s chord content and discovery structure.
Tech Stack
Tools & libraries that power the project
next.js
react
typescript
tailwindcss
vercelResult [04]
My contribution brought together responsive chord reading and interactive practice controls within the platform.
The catalogue figure describes the wider platform. My contribution focused on the interface and its interactions.
- Platform catalogue
- 40,000+ song chords
What this work brings together
Music practice gives interface details a concrete purpose: a reader needs to follow chords, change key, and control scrolling while using the page.
[05] Gallery
Continue through selected work
View all
Outplay — Front-End Refinement
Front-end improvements to an existing game top-up platform at HostD, focused on lighter pages, smoother interactions, and a more comfortable browsing experience.
NOLIMIT — NFC & Customer Feedback
A website and NFC touchpoint connecting an in-person visit with customer feedback, through a Google review destination or the website’s internal rating experience.