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 or click .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

That's all folks!