Giter VIP home page Giter VIP logo

liftoffsbc / findtune Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 2.0 424 KB

Findtune is an app for tech savvy music lovers who want to learn more about their favorite artists and discover new artist they like. Completed for a project for the Coding Bootcamp at UNC Charlotte

Home Page: https://liftoffsbc.github.io/findtune/

HTML 34.85% CSS 18.70% JavaScript 46.45%
css javascript api bulma bulma-css jquery-ajax jquery project school-project

findtune's Introduction

Findtune is an app for tech savvy music lovers who want to learn more about their favorite artists and discover new artist they like.

When the user types in the name of their favorite artist/band, information about that artist/band from Napster API populates. Napster will also generate a list of similar artists the user might like, and photo and name of that user. When the user types in the name of their favorite artist/band, lyrics from a popular song from there will populate from the Musixmatch API.

See concept here: https://docs.google.com/presentation/d/1cto4wPznUeEHVUwEjV63UgZ09iE4IryzUW_jg67eNyo/edit#slide=id.p

findtune's People

Contributors

liftoffsbc avatar austindailly avatar missynorman412 avatar mfbradley avatar

Watchers

James Cloos avatar

findtune's Issues

As a user, I want to discover new music similar to what I already like, so that I don’t get bored with my music selection.

Use Napster to link similar music:

Get New Tracks Releases Based on Previously Listened to Artists and Genres
Introduced v2.1

Get personalized new track releases based on member's listening history. The member's most listened to artists and genres will determine the tracks returned from this endpoint.

Along with the list of recommended tracks, the response contains meta section that has an attribute called matched. The matched attribute contains a list of objects that map track IDs and shallow artist or genre objects. The track IDs in the matched objects are recommendations made based on the most listened to artists and genres associated with the tracks.

The meta section looks like this.

"meta": {
"matched": [
{
"id": "tra.5156528",
"reason": {
"type": "artist",
"id": "Art.954",
"href": "https://api.napster.com/v2.1/artists/Art.954",
"name": "Weezer"
}
}
]
}
Pass the required limit query string parameter to specify the number of tracks that you would like returned. The maximum value is 200.

curl -v -H "Authorization: Bearer {access_token}" "https://api.napster.com/v2.2/me/personalized/tracks/new?limit=10"

see link here:
https://developer.napster.com/api/v2.2#member-apis

As a user I want to see images of the artists so that I can get to know them better.

get images of the artist - (Missy do we want track/ artist or both? - I included how to do both here)

Artists
GET Get an Artist Image
Generate a valid request URL for an artist image.

Use one of the following sizes for the image.

70x47
150x100
356x237
633x422
http://direct.napster.com/imageserver/v2/artists/{artist_id}/images/{size}.{extension}
http://direct.napster.com/imageserver/v2/artists/Art.44069/images/356x237.jpg
Tracks and Albums
GET Get a Track or Album Image
Generate a valid request URL for a track or album image. Tracks use the image for their parent album. For any endpoints where track metadata is returned, the album id is also returned. This id should be used to get the appropriate image for the track.

Use one of the following sizes for the image.

70x70
170x170
200x200
300x300
500x500
http://direct.napster.com/imageserver/v2/albums/{album_id}/images/{size}.{extension}
http://direct.napster.com/imageserver/v2/albums/Alb.111750366/images/500x500.jpg

https://developer.napster.com/api/v2.2#member-apis

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.