Coder Social home page Coder Social logo

jukebox-client's Introduction

JukeBox

An app for customers of bars/resturants that want control over what music is playing from the touch of a button on their own phone.

Link

Link to the app: JukeBox

How It Works

Jukebox allows customers to take control of what music they would like to play for free from the touch of a button. Just sign up with the app, search for the songs available in the bar you are at, and start selecting which ones you would like to hear. Users can view what songs are already in the bar's queue for songs to play in the Bar's Queue and can also see what songs they have added to the list in the Your Queue view. Your Queue allows a user to update a song if they change their mind without losing their spot in the Bar's Queue.

Approach

The approach to building this application was to take it as slow as possible and start with one small thing at a time. There is A LOT i would still love to do with this app but put in the MVP features with the time I had. I stood up one API call at a time until I had a fully functional horrific looking application. From that point i started to work on the UI from a functional standpoint then moved to non-functional.

Unresolved Issues

I think if i had more time the next thing i would take a look at would be the songs scrolling behind the footer buttons when the screen gets too small. I needed the buttons to stay at the bottom so needed to fix them but that also takes them out of the flow of the document. On a desktop it works perfectly okay but noone takes a desktop to the bar.

I would like to add alot! animations, Maps API (this will also allow me to delete a users songs from the queue when they physically leave the bar rather than a button), song voting on the bar queue view to bump songs by popularity. A bars version of the app.

Original User Stories

  1. As a bar customer i would like to be able to search for songs i would like to play so that i can add them to a queue.
  2. As a bar customer i would like to be able to add songs to the bar's queue so that they can be played.
  3. As a bar customer i would like to be able to see what song I have specifically added to the queue so i can keep track of songs i am added.
  4. As a bar customer i would like to be able to have my queue refreshed everytime i login so that i can have a fresh start at each bar.

Wireframes

Wireframe Images

  1. All content is licensed under a CC­BY­NC­SA 4.0 license.
  2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

jukebox-client's People

Contributors

gastevend avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.