Back to projects
Thumbnail for HeroRodeo

HeroRodeo

Generate AI Superheroes! Create shareable superhero “trading cards” from simple prompts using GPT and DALL‑E.
  • AI
  • Entertainment
  • Frontend Dev
  • Backend Dev
  • UX/UI Design
  • Python
  • Flask
  • Tailwind CSS
  • AWS S3
  • GPT API
  • DALL-E

We built Hero.Rodeo, a web app that uses OpenAI’s GPT and DALL-E to generates superhero “trading cards” from simple user prompts. It generates amazing heroes from prompt text consisting of animals, fantasy characters, creatures, and objects! Try it Out!

We built it using Python, Flask, TailwindCSS, Amazon S3, and OpenAI’s GPT and DALL-E API. We designed the UX on the fly as we developed. One thing we noticed early on in user testing is how much near-instantaneous joy people got from the app. They provided an animal, eg. “squirrel”, and then seconds later “Master Nutcracker the Squirrel” appeared. When we user-tested in social settings, users would often turn to their friends to show them what they just made. This learning helped us see the value of enabling the heroes that others had created to be shared and discovered by others.

We gave each hero a unique shareable link and added navigation that allows users to flip through a gallery of “hero trading cards” in the catalog.

Desktop

Mobile screen 1

Mobile screen 2

Stack:

  • Python
  • Flask
  • TailwindCSS
  • Amazon S3
  • OpenAI (GPT & DALL‑E)