VueMetronome
A metronome built with Vue.js specially to Hacktoberfest 2017
Current project specs
- Single Page Application
- No Routes
- No Vuex and state management
- Some purposely unfinished features (listed bellow in Todo list) for your fun :D
- Feel free to refactor whatever you want and send your pull requests
Project uses:
- Vue.JS (indeed)
- Element-UI: Vue 2.0 based component library
- RythmJS: A javascript library that moves the components based on the music beat
Todo list
- Layout
- Components global communication using Bus
- Find and add some cool
pop
orclick
.mp3 sound effects to our metronome- Instantiate and use RythmJS
- Create a service that exactly calculates the .mp3 BPM.
- Create communication between buttons, slider and playbutton
- Change the audio speed in runtime
- Challenge: Animate Metronome top logo or the play button based on the sound beat using RythmJS!
Contributing
- Fork the project
- Clone on your local machine
- Make shure that you have the Vue.JS environment
- Enter the project folder
- Run the commands bellow
# install dependencies
yarn install
# serve with hot reload at localhost:8080
yarn dev