Nina Sarabia
Full-Stack Developer

Pentatonix

Vancouver

Pentatonix

Available over an exclusive period during the holiday season; alongside their respective album releases, fans of Pentatonix were each gifted with a fun interactive platform to create and send Christmas-themed digital mixtapes to their friends and family.

Details —

I eagerly led the development of the web app in utilizing both Spotify’s powerful API and the WP REST API. With steps for users to follow along down the page, fans were instructed to first authorize the app to connect with Spotify, then select a skin/theme for their e-card, followed by dragging and dropping their favorite tracks in order to curate their own playlists. The final step called for the user to type a message that would be sent with the playlist to any recipients that they entered in the fields below the message field.

The web app took full advantage of many different technologies in its final build in order to create the full experience. These methods included: oAuth to first authorize the Spotify user, CSS checkbox + label tricks to open and select the different envelopes, Ajax GET requests to get track info, jQuery UI sortable to allow for the drag and drop interface to curate playlists, Ajax POST requests directed to the Spotify API to create the playlist, and even an Ajax POST request to WordPress to create a shareable ‘custom post type’ post that would serve as a landing page for recipients of each e-card. The send feature was done through hooking into the WP-mail function, and hooking into the WordPress create post function allowed me to send any other information into the post that could be used to marketing, such as which tracks were selected, the email address used to send the message or the email addresses receiving the message.

  • Client —
    • RCA Records/Sony Music Entertainment
  • Agency —
    • Manufactur
  • Role —
    • Lead Developer
  • Scope —
    • Responsive Design
    • Back-end Development
    • Front-end Development
    • Custom Wordpress Theme
    • API Integration + oAuth
  • Highlights —
    • Custom Playlist Creation on Spotify
    • Front-end Post Creation