Capitol 360 Innovation Center Hackathon Guide
SIGN UP FOR CLOUDINARY
Capitol360 December 2018 Hacktathon Guide
Capitol360 December 2018 Hacktathon Guide
  • Capitol Royale 2018 Hackathon Guide
  • Capitol Royale 2018 Hackathon Guide
    • Arrival Guide / Parking
    • Dec'18 Challenges
      • Verizon 5G Challenge
      • Dec'18 Prizes
    • June'18 UMG Challenges
      • Immersive Wayne Shorter Catalog
      • Build an A&R research tool
    • Hackathon Event Flow
  • Blueprints
    • Discover Music
  • Industry Guides
    • Music Industry 101
  • Cloudinary
    • Using Cloudinary
      • Build a Cover Image
      • Video Transcoding
      • Image Optimization I
      • Categorizing Images
      • HTML5 Video Player
      • Media Authentication
      • Image Optimization II
      • Content Moderation
      • Neural Artwork
      • Artistic Filters
      • Distortion Effects
      • Audio to Waveform Images
      • Social and Cloud Sources
      • Webtask & Cloudinary
    • Cloudinary API: Workshop Deck
  • 7Digital
    • UMG Catalog / 7digital API
    • API Specifics
    • Streaming Audio Files
    • Catalog Metadata Available
    • API Error Codes & Messages
  • Tivo
    • Using TiVo & Lyricfind APIs’
  • TiVo Playlisting
  • ConsenSys
    • ConsenSys Hackathon Developer Guide
  • Spotify
    • Spotify API
  • Qloo
    • Qloo Developer Guide
  • Microsoft
    • Using Microsoft APIs
Powered by GitBook
On this page
  1. Blueprints

Discover Music

PreviousHackathon Event FlowNextIndustry Guides

Last updated 7 years ago

Discover Music is a complete, ready-to-run example app that integrates APIs from The 7Digital UMG Catalog, Cloudinary, Microsoft, Tivo, and more!

See it here:

The app consists of two main components:

It allows you to search and sort your way through a massive music catalog, supplied by 7Digital. Notable features:

  • Album and artist images are cropped, padded, optimized and delivered using Cloudinary

Feel free to use, modify and extend any part of this blueprint app for your hack. Make it your own!

, which consumes data from

, running on Auth0 extend.

Notable Vue components used on the front-end include , and .

Artists, albums, and tracks are fetched using the , which wraps APIs from 7Digital, Microsoft, and Rovi.

Learn how to build the Discover Music App with our code lab:

a Vue-based front end
a serverless endpoint
Vue-APlayer
vue-social-sharing
Music Discovery Service API
https://discover-music-lab.herokuapp.com
https://discover-music-live.herokuapp.com