# Discover Music

![](https://2665972937-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LCV6BzFZW04-z-vj0aS%2F-LDgK0XaFjwDbkEJfILD%2F-LDgKDserLnqru0h79oQ%2FScreen%20Shot%202018-05-29%20at%2007.36.19.png?alt=media\&token=32742971-87dd-4671-a9e8-752980ae2172)

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:** [**https://discover-music-live.herokuapp.com**](https://discover-music-live.herokuapp.com)

The app consists of two main components:

1. [a Vue-based front end](https://github.com/cloudinary-developers/discover-cmg-music), which consumes data from
2. [a serverless endpoint](https://github.com/cloudinary-developers/music-discovery-service), running on Auth0 extend.

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
* Notable Vue components used on the front-end include [Vue-APlayer](https://vue-aplayer.js.org), and [vue-social-sharing](https://www.npmjs.com/package/vue-social-sharing).
* Artists, albums, and tracks are fetched using the [Music Discovery Service API](https://github.com/cloudinary-developers/music-discovery-service), which wraps APIs from 7Digital, Microsoft, and Rovi.

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

{% hint style="success" %}
Learn how to build the Discover Music App with our code lab:  \
<https://discover-music-lab.herokuapp.com>
{% endhint %}