Live project site can be acces here: SOUNDTRACKS
Description...
Useage...
Contribitors...
Tests...
Questions...
Have you ever been watching a show and thought, "This show has excellent music, I would sure like to have a playlist of this!". That's the problem Soundtracks is here to help with. Just search for your favorite show, movie, or game, and it will create a playlist in your apple music account. Or if you want to just watch a few songs videos, you can do that too.
This is a React application with utilizes Apple MusicKit and Youtube APIs.
Apple MusicKit API, and developer console: This had a learning curve as little documentation existed outside of Apple's developer site. Even less documentation regarding MusicKitJS or any web related use of Apple Music beyond a basic player setup. Especially under-documented was how to authenticate a user account without having developer tokens hardcoded into the code directly.
Apple relies on JSON web tokens: Apple uses them for both user tokens and developer tokens. This was a great experience to learn and understand JWT in depth.
Youtube APIv3: I learned both how to use the Youtube APIv3 and documentation. The Youtube API documentation was much more manageable and verbose than Apple's, with a larger online community for support.
Google's Developer console: Along with Quota calculations for Youtube API v3
Use of Global State and Context hooks within React
- Nodejs
- React
- ExpressJS
- Apple MusicKit
- Youtube APiv3
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Shane Schilling
None at this time
Github profile can be found here: http://github.com/trilambda122
Please direct any additonal questions to: trilambda122@gmail.com
Video Demo
Example of search results for a shows season / episode:
Example of music restuls found on apple tha could be turned into a playlist inside users apple music account
Youtube song restuls for a given song.