Fretify
Interactive Guitar Fretboard Website
ContextPersonal Project
Period2023
FRETIFY
Introduction
Fretify is an interactive guitar fretboard website. Learn over 50 scales down the neck in every key and 'almost' every tuning. (more coming soon...). View on your browser or on the go on your mobile device, thanks to its user friendly mobile UI.
View ProjectPurpose
Being a guitar playing who loves to learn more about what I'm doing when I play music, I spend a lot of time looking at scale charts to become more familiar with the fretboard. I was tired of looking at old PNG files on the web to learn scales so I decided to take matters into my own hands, thus Fretify was born. Not only did it help me become a better guitarist, but it helped me become a better developer by creating the website with the best technologies and best practices.
Build
Fretify was built using React, TypeScript, SCSS, MobX, Tone.js and Tonal.js. I felt this was a good enough choice of technology for this site since it is pretty minimalist. However, I plan on expanding this project in the future. I want to incorportate Firebase so I can create user profiles and a community chat board where users can discuss everything guitar. I also want to use Next.js to handling routing and server side rendering.
Next Work
simprove