SXSW Hackathon Guide
  • Introduction
  • SXSW 2018 Hackathon Guide
    • Challenge and Prizes
    • Participating Sponsors
    • Thought Starters
      • Music Discovery Service
      • Multi-User Sing Along
      • Cover Art & Fan Pages
      • Interactive Lyrics Page
    • Music Discovery APIs
      • Getting Started
      • API Cheat Sheet
      • Artist - Browse
      • Artist - Chart
      • Artist - Search
    • Media Management APIs
      • Audio and Video
        • Video Transcoding
        • HTML5 Video Player
        • Media Authentication
      • AI: Tagging and Recognition
        • Categorizing Images
        • Content Moderation
      • Serverless Functions
        • Webtask & Cloudinary
      • Web Performance
        • Image Optimization I
        • Image Optimization II
      • Styling and Filtering
        • Neural Artwork
        • Artistic Filters
        • Distortion Effects
      • Uploading Media
        • Social and Cloud Sources
      • Visualization
        • Audio to Waveform Images
    • Step-By-Step Guides
      • Streaming Audio
        • Build an Audio Player
        • Build a Music Discovery API
Powered by GitBook
On this page
  • Build Styled Cover Art and Fan Pages
  • Choose a Serverless Stack
  • Use This Guide to Get Started
  • Tweet/Share your Experience
  • Tell us About your Cool Hack
  1. SXSW 2018 Hackathon Guide
  2. Thought Starters

Cover Art & Fan Pages

PreviousMulti-User Sing AlongNextInteractive Lyrics Page

Last updated 7 years ago

Build Styled Cover Art and Fan Pages

Use style transfer to generate using artist-branded graphics: process fan photos and venue snapshots captured at artist events into amazing cover art and fan pages.

Choose a Serverless Stack

Resist the urge to create an express app and deploy a server for this one! Instead focus on using each API directly within a Single Page App (SPA) to take advantage of the responsive design possibilities.

Use This Guide to Get Started

Tweet/Share your Experience

We know your Hackathon experience will be fun and engaging. Don't forget to share that with your friends on social media. In fact, we've added links at the top of this guide to make sharing easy. Learning about visualizing an audio waveform? Show the world what you are working on and let them learn about the technologies right along with you.

Tell us About your Cool Hack

Let users compete in fan-boy | fan-girl . Feel free to and take it up a notch by adding social media sharing and other features.

Cloudinary's APIs work extremely well with Auth0 and other serverless platforms. We support many languages, including JavaScript and .

We've organized the Cloudinary resources in this guide by functionality so you can quickly add a feature to your application. Each article is a short and concise walkthrough, so you won't have to comb too deep through our extensive , unless you want to.

We'd love to hear what you built at the hackathon, we may even showcase it, so .

image art contest
fork our project
Webtasks
Node.js
documentation
drop us a line
neural artwork from images