Capitol 360 Innovation Center Hackathon Guide
SIGN UP FOR CLOUDINARY
Primary version
Primary version
  • Capitol 360 Innovation Center Hackathon Guide
  • Capitol360 June 2018 Hackathon Guide
    • Arrival Guide / Parking
    • Challenge and Prizes
    • Participating Sponsors
    • Hackathon Event Flow
    • Special Guests
  • Blueprints
    • Discover Music
  • Thought Starters
    • UMG Challenges - June'18
    • Immersive Wayne Shorter Catalog
    • Build an A&R research tool
    • Multi-User Sing Along
    • Cover Art & Fan Pages
    • Interactive Lyrics Page
  • Cloudinary
    • Build a Cover Image
    • Video Transcoding
    • HTML5 Video Player
    • Media Authentication
    • Categorizing Images
    • Content Moderation
    • Webtask & Cloudinary
    • Image Optimization I
    • Image Optimization II
    • Neural Artwork
    • Artistic Filters
    • Distortion Effects
    • Audio to Waveform Images
    • Social and Cloud Sources
  • 7Digital
    • Using 7Digital API
  • Tivo
    • Using TiVo & Lyricfind APIs’
    • TiVo Playlisting
  • ConsenSys
    • ConsenSys Hackathon Developer Guide
  • Microsoft
    • Using Microsoft APIs
Powered by GitBook
On this page
  1. Blueprints

Discover Music

PreviousSpecial GuestsNextUMG Challenges - June'18

Last updated 6 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