- Added
Piano.jscomponent to render piano chord diagrams. - Added
ChordBlock.jswrapper component to display chord diagrams with titles and interactive elements like a play button.
- The example app has been completely overhauled to serve as a full-featured chord browser.
- Implemented dynamic routing with
react-router-domto allow navigation and sharing of specific chords (e.g.,/guitar/C/minor). - Added audio playback functionality for all instruments (Piano, Guitar, Ukulele) using the Web Audio API.
- Included a real-time search feature to filter chords dynamically.
- Configured the build process for easy deployment to GitHub Pages.
- Dependency on babel-preset-env
- Bug fixed
- Removed uneeded code
- Capo rendered as optional
- Better rendering of barred chords
- Better position of the base fret indicator for ukelele chords
- Fixed a bug with chord finger render
- Bugs solved, updated libraries
- No external dependencies, now react-chords is an isolated component
- Packaged only as a react component, not webapp
- Updated dependencies versions
- Updated react-router syntax with v4 changes
- New folder for sitemap and svg chord files.
- Generate static SVG chord files.
- Added meta and title headers with react-helmet.
- Render the variations alone in a different page.
- Added google-sites verification file.
- Render new chord format
- Better rendering of text tags
- Better rendering and navigation
- Able to render chords with different strings and frets
- Able to render sharp chords
- Easier and better render of chords with the JSON db-chords
- Better autodetection of barre chords
- Accepts chord without finger information
- React-router navigation
- Automatically detect barre chords
- Allow different versions of the same chord.
- Render new chord database schema.
- Render chords with frets highest than the first fret.
- First working version.
- Render data from the external dependency of @tombatossals/chords-db