Code Monkey home page Code Monkey logo

metrobeat-frontend's Introduction

METROBEAT

Demo Video

MetroBeat Demo Video

Technologies

  • ReactJS
  • OAuth Authentication
  • Spotify API
  • Ruby on Rails

Features

  • Singe Page Application
  • Full OAuth Authentication for secure sign in
  • Connects to the Spotify API
    • Creatively create playlists and add songs to it
    • Secure sign in for anyone with a Spotify account
  • Search for and listen to any song on Spotify
  • Guess tempo (BPM) of songs to add them to a playlist

Summary

METROBEAT is the world's first gamified Spotify playlist maker! Users sign in with his/her Spotify username and password. Upon account creation, METROBEAT creates a new playlist in the user's Spotify account. Players search for and choose their favorite songs. Next, they guess the Beats Per Minute of that song. When they guess correctly, that song is added to their new playlist and can play again.

How to Use METROBEAT

Sign in with your valid Spotify account. Search for a song you love. Once you've found it, give it a click to begin the game. Listen to the song and try to count the Beats per Minute. When you guess right, METROBEAT will add that song to your playlist, and you can search for another song.

Known Bugs

  • User sign in currently down (still in testing phase)

Future Updates

Players will be able to:

  • search by artist and genre
  • play multiple game modes including guess the artist, song title, album and more
  • log back in to view past games
  • enjoy a more visibly pleasing experience with updated layout and styling

metrobeat-frontend's People

Contributors

crishanks avatar

Stargazers

 avatar  avatar  avatar

Watchers

 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.