/VueMetronome

A metronome built with Vue.js specially to Hacktoberfest 2017

Primary LanguageJavaScript

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!