GithubHelp home page GithubHelp logo

mjamesd / crispy-happiness Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 2.0 6.94 MB

TuneSpace is a guide that provides biographies, discographies, and lyrics of musicians in all genres by pulling data from various databases into one convenient location. By bringing multiple data streams into one centralized hub we created a communal website where users can explore their favorite artists and discover new music.

JavaScript 50.21% HTML 36.30% CSS 13.48%
music api javascript jquery jqueryui momentjs materialize html5 css3

crispy-happiness's Introduction

TuneSpace

TuneSpace logo


Group Project #1

TuneSpace is a guide that provides biographies, discographies, and lyrics of musicians in all genres pulling data from various databases into one convenient location. By bringing multiple data streams into one centralized hub our goal is to create a communal website where users can explore their favorite artists and discover new music. The site features dynamically updated HTML and CSS with local storage used for search results and other relevant parameters.

Team Members



Technologies Used

  • HTML5
  • CSS3
  • Materialize CSS
  • javaScript
  • jQuery
  • Ajax
  • readmore.js



APIs Used

  • Giphy API
  • Happi.dev API
  • Wiki API
  • The AudioDB API



The User Experience

  • As a music fan, I want to be able to search for an artist
  • I want my search to populate the front page and display biography information, top tracks, and the artist's discography
  • When I click on a song from the top track list, I'm sent to a seperate page that displays the genre, track description, and song lyrics
  • If available, a link to a YouTube video will also be displayed
  • Links to an artist's social media and webpages will be deployed to the bottom of the page if they are available

Example

The following image demonstrates the site's application appearance and functionality. TuneSpace logo


Link to TuneSpace

TuneSpace

crispy-happiness's People

Contributors

danpgolden avatar jefreycolegrove avatar m-sherrill avatar maykanwara avatar mjamesd avatar

Stargazers

 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.