Fretly is a web tool designed to assist musicians in sight-reading training applied to the guitar fretboard. The application focuses on systematic note memorization, associating visual representation on the staff with technical execution on the instrument.
- Sight-Reading Training: Dynamic generation of notes on a staff for immediate identification on the fretboard.
- Full Chromatic Mapping: Practice covering natural notes, sharps, and flats ranging from E2 to G5.
- Randomness Algorithm: Implementation of a shuffle bag system that prevents note repetition until the entire range of the instrument has been practiced.
- Educational Feedback: Automatic revelation of all octaves and positions of the selected note after each play, allowing for immediate correction.
- Responsive Interface: 15-fret board with fixed alignment, support for light/dark themes, and optimization for different screen resolutions.
- Internationalization: Full localization support for Portuguese, English, Spanish, and Japanese.
- TypeScript: Application logic and static typing.
- Vite: Build tool and development automation.
- Tailwind CSS: Styling via utility classes and theme management.
- VexFlow 4: Music notation rendering engine.
- Tone.js: Audio management and synthesis of real guitar samples.