http://melodyjs.surge.sh/
MelodyJS README:About MelodyJS:
This project explores the ToneJS library, the ReactJS framework, bootstrap and vanilla JavaScript to create an interactive and visual tool to create music.
Some tools employed include react-bootstrap, Jest & enzyme for unit testing and mock api calls, redux state management, react-thunks middleware for async functions, and storybook* for component based development.
Inspiration:
MelodyJS was inspired by the ToneJS library (hence the name, MelodyJS) and this video on YouTube where a musician created an image that both looked like an unicorn and sounded amazing:
Future Enhancements:
- Multiple instruments for playback
- Visualize music using C3/D3 to show as music previews
- Create and save instrument entities
- Edit songs (mixer/note lengths instead of changing notes)
- Map notes to keyboard
- Make a mobile compatible app (ReactNative)