GithubHelp home page GithubHelp logo

jlemus1234 / comp20-s2017-team10 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from madelinepayne/comp20-s2017-team10

0.0 1.0 0.0 8.92 MB

COMP 20 Spring 2017 Semester Group Project Repository

CSS 12.14% HTML 49.36% JavaScript 38.50%

comp20-s2017-team10's Introduction

Project Proposal and Design Doc

Title: MIXR (subject to change)

There aren’t many programs available for multiplayer song-guessing games. There also aren’t many ways for a user to explore or discover random music outside their usual favorite genres.

Our website will offer a multiplayer and individual version of a song-guessing game. A user will hear a 30 second clip of an unknown song, then will be able to select from 4 multiple-choice options what they think the song is. Users will be able to brush up on their song knowledge, and hear clips of music that they’ve potentially never heard of before. Once the user has guessed their answer, the correct answer will be revealed, allowing them to use that information to find out more about the song or artist.

Features

  • Login and password
  • 4 multiple choice options for the artist and the song (each)
  • A final score page once you exit the game
  • A button to end the game at any time
  • Limit on how many songs one can guess. Always 10 songs per round
  • User is able to select a different genre for each round.
  • For each question there will be a song clip playing, which is the song the user will guess
  • There is a leaderboard

Technologies and Ideas Server Side Data Persistence: needing to store data that our game generates in the long term eg high scores from the beginning of time Front end framework: bootstrap etc. RESTful API framework: without refreshing the page your data gets sent from the page etc. Reporting with charts and graphs: world map, where the users are from, high scores, user’s progress over time, checking regional times.

We will be using and collecting:

  • The user’s location
  • The user’s genre preference
  • Artist name and song name via the Spotify API (possibly the album artwork to display)
  • User’s login info via Facebook API
  • Collecting their answers to generate a final scores this will also be stored into a master database to generate a list of all-time high scores.

Algorithms/Special Techniques User interaction with game: we don’t want to regenerate the web page with each new question in the round. We need a while loop that will request however many songs from the Spotify API while the game is being played.

Electronic Mockups

#comments by Ming

  • LOL, the previous team I just reviewed (team 9) also have a very similar idea. This is great. How sad no one even thought of this last semester.

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.