[
Mixit is a band collaboration app utilizing the Spotify API to easily add multiple tracks to one song and listen to them all at the same time.
Here are some screenshots of Mixit
Mixit can be tried at the following URL: http://mixit.herokuapp.com
While creating mixit, I encountered a number of technical challenges. Below are a few of the larger ones I had to overcome:
1. Soundcloud does not allow to songs to play at the same time by default.
Utilizing the API to grab the individual song ID's from the URL, I was able
to create a custom iframe that allowed this functionality.
2. Once multiple tracks were added to an individual song, I needed to create
a button that would play them all at the same time. This required putting all
of the iframes generated from the page into an array and using jquery to
trigger each play button at the same time.
3. Originally to grab the individual ID's, I would need to users to sent a link
from an obscure position from Soundcloud and use 4 gsubs to break it down.
After becoming burdened with this, I added the Soundcloud API to obtain the
track ID's a much simplier way.
Below is a list of my workflow:
January 13th, 2015
- Research Soundcloud API
- ER Diagram complete
January 14th, 2015
- Added badges for coverage
- Began writing Rspec and Capybara tests
- Added homepage, band page and ability to edit bands
January 15th, 2015
- Added ability to remove bands
- Added ability to add, remove and edit songs
- Added song validations
January 16th, 2015
- Created a way to extract song ID from iframe. a. Currently this is achieved by creating 4 gsubs to remove what I need to. b. I want to add the Soundcloud API in the future to get this ID easier.
- Added ability to add new Soundcloud tracks
January 17th, 2015
- Added styling to the index, new and edit band forms, and song page.
- Fixed tests
January 18th, 2015
- Band creators now will become the band owner automatically.
- Only band members can edit band settings.
January 19th, 2015
- Created a Jquery button to play all tracks at the same time. a. This was required so that bands can play their tracks in sync.
- Pushed to Heroku
January 20th, 2015
- Implemented Carrierwave for bands to upload photos
- Added AWS for bands to store data on S3
- Added ability for band members only to add new tracks
January 21st, 2015
- Implemented Soundcloud API to extract song ID's easier
- Band memebers can delete song tracks
- Added more styling
- Implemented search on index
- Implemented pagination and truncation
January 22nd, 2015
- Added rmagick gem for image resizing
- Added ability for user to view all bands they belong to.
- More styling
January 23rd, 2015
- More styling changes