meme-o-tron

Landing page
Example final output
Loading page art
Our inspiration
Another one

Inspiration

Have you been to an NHL or NBA game before? Ever seen the jumbotron lookalike cameras? Imagine being able to find your unique meme lookalike without having to pay to go to a game, pray that the camera finds you, or be disappointed in a tame lookalike match. Artwork is inspired by the spiderman pointing meme and the mii channel.

What it does

Upload a picture of yourself, and watch it get matched with a high quality meme based on the key characteristics and expressions of your face. Click to reveal the final match and enjoy!

How we built it

We created a JSON file that contains our repository of JSON object renditions of the memes, that contains meta data such as the key characteristics, weighted importance of each set of characteristics (eg. expressions over distinct features). We used openai to generate a description of the user submitted image, which is then compared with the JSON file to find the best match. While this is happening, the user views a loading screen. Once the match is found, the user can click a reveal button to see their match. The webapp is built using typescript with next.js, using tailwind for css.