Application development to democratise music in public spaces.
Shareify was made to try and solve the problem of having loads of people trying to pick songs to play at a party. The usual solution is just to give everyone access to one person's phone and to add songs to that phone's queue. However, we felt that this was a rather simplistic solution that would result in less songs that everyone liked being played.
Shareify democratises music by letting everyone add songs to a queue that can then be voted on. With the most voted song being played next. This results in a much fairer music selection process, as everyone is able to contribute and control what songs get played.
We accomplished this by using WebSockets to create a "room" that everyone could connect to via the room code provided in the corner of the app. This room would contain one centralised queue that everyone could add songs to and vote on in real time. The user interface was designed and developed in Preact, a reactive web framework.
The Shareify player before adding a song to the queue.
Adding a song to the queue using the search function.
The Shareify player after adding a song to the queue. Note the upvote button.
Collective Fullstack acknowledges the Traditional Custodians of the land and waters of Australia, and pay respect to all Elders - past, present and emerging. We acknowledge that sovereignty was never ceded.
Page data{"heading":{"headline":"Shareify","byline":"Application development to democratise music in public spaces."},"post":{"slug":"Shareify","content":"\nShareify was made to try and solve the problem of having loads of people trying to pick songs to play at a party. The usual solution is just to give everyone access to one person's phone and to add songs to that phone's queue. However, we felt that this was a rather simplistic solution that would result in less songs that everyone liked being played.\n\nShareify democratises music by letting everyone add songs to a queue that can then be voted on. With the most voted song being played next. This results in a much fairer music selection process, as everyone is able to contribute and control what songs get played. \n\nWe accomplished this by using WebSockets to create a \"room\" that everyone could connect to via the room code provided in the corner of the app. This room would contain one centralised queue that everyone could add songs to and vote on in real time. The user interface was designed and developed in Preact, a reactive web framework.","title":"Shareify","images":[{"src":"/s-images/work/Shareify/ShareifyBeforeQueue.png","alt":"The Shareify player before adding a song to the queue.","plaice":{"width":2680,"height":1612,"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQImWOwZWD4f/v+/9cvvBgYGJIYGGYaq+/ytU1iYAAAi3AJDlCoKrUAAAAASUVORK5CYII="}},{"src":"/s-images/work/Shareify/ShareifySearch.png","alt":"Adding a song to the queue using the search function.","plaice":{"width":2680,"height":1612,"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIklEQVQImWPQZWD4//vv/3//9RgYGHQYGAK1NIJ0NHUYGACGnQfxiOx4VgAAAABJRU5ErkJggg=="}},{"src":"/s-images/work/Shareify/ShareifyWithQueue.png","alt":"The Shareify player after adding a song to the queue. Note the upvote button.","plaice":{"width":2680,"height":1612,"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIklEQVQImWNwYGBocvfp9fRwZWBgsGVgeDm95/+ruy4MDABYXwgMW0TWQwAAAABJRU5ErkJggg=="}}],"mainImage":["/s-images/work/Shareify/ShareifyPlayer.png",{"width":2668,"height":1612,"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIklEQVQImWNgYFY//eH/0///GZjVGRg4teLjG5KTWxk4tQCFgwjhb9pvigAAAABJRU5ErkJggg=="}],"leadIn":"Application development to democratise music in public spaces.","date":"2020.12","skills":"Website design, Website development, Preact/React development, Python development.","links":[{"text":"Github","href":"https://github.com/Collective-Fullstack/communalspotify"}]},"next":{"slug":"JMSS-Murder","thumb":"/s-images/work/JMSS-Murder/JMSS-MurderThumb.png","leadIn":"Design and development of a score tracking system for a real-life game.","title":"JMSS Murder"},"isHomepage":false}
