/album-finder

Marionette JS app to consume data from the Music Search API

Primary LanguageHTML

album-finder

A Marionette.js front-end to MuSAPI Music Search API. My first Backbone + Marionette.js app.

MuSAPI searches multiple sources for album previews and returns them as JSON. album-finder takes requests, retrieves results from MuSAPI and presents as a single-page web application.

Progress

  • Static preview: see history
  • Dynamic site
    • Model
      • Pre-populated from array (temporary)
      • Search history data persistence
    • View
      • Query results
      • Search history
    • Controller
      • Search history delete entry
      • Add new query to history collection
      • REST API lookup
        • Dependency: Scrape Bandcamp for id, artist name etc
        • Dependency: Add route to MuSAPI to provide results for all music services
      • Display welcome text when history collection empty
    • Routing
      • Routing for non-existant pages
    • Host site

Screenshots of current version

User visits site for first time:

User visits site for first time

User searches for a couple albums:

User searches for a couple albums

User opens query result to view previews, when found - note the delete icon that appears when hovering over:

User opens query result to view previews, when found

User deletes a result:

User deletes the query