Meme-o-Tron

• 

  Output of code of what it looks like in playground

• 

  Code in devvit playground with no access to CLI

Inspiration

I was inspired by Reddit’s vibrant meme culture and the way redditors love to engage with humor. I wanted to create a fun, interactive experience that leverages Reddit’s commenting and upvoting system to let users compete in a meme caption contest. The Reddit Devvit Hackathon’s focus on massively multiplayer games and genuine conversation made me think of "Meme-o-Tron," a game where thousands of users can participate by adding captions and voting for their favorites.

What it does

Meme-o-Tron is a massively multiplayer meme contest built as a Devvit Interactive Post. Users comment their funniest meme captions on the post, upvote their favorites, and the app automatically updates a leaderboard showing the top 2 captions based on upvotes. A "Refresh Leaderboard" button allows users to update the leaderboard manually, ensuring the latest top captions are displayed. It encourages creativity and conversation by letting redditors engage in a playful competition within the Reddit community.

How we built it

I built Meme-o-Tron using the Devvit Playground on my phone, as I don’t have access to a computer. I copied and pasted code into the Playground to create an Interactive Post with a title, instructions, a dynamic leaderboard, and a refresh button. The app uses Devvit’s useState to store the top comments, fetches comments with context.reddit.getCommentsByPost, sorts them by upvotes, and updates the UI. Note:Since I couldn’t deploy the app from my phone (no CLI access), I tested it manually by creating a Reddit post in r/MemeOTronTest, adding comments, upvoting them, and simulating the leaderboard updates.

Challenges we ran into

Working entirely on my phone was a big challenge—I couldn’t deploy the app to Reddit, so I had to test it manually. Navigating the Devvit Playground on a small screen was tricky, especially when the preview didn’t show up initially due to missing code. Creating the subreddit also had hurdles, like not seeing the public/private option and struggling to find relevant topics like “Humor.” I had to troubleshoot these issues by adjusting settings after creation and searching for the right topics, which took extra time but taught me how to adapt.

Accomplishments that we’re proud of

I’m proud of completing this project entirely on my phone, from coding in the Devvit Playground to testing on Reddit. I successfully created a functional app that meets the hackathon’s goals of being massively multiplayer and fostering genuine conversation. Simulating the leaderboard updates manually on Reddit was a creative solution to the deployment limitation, and I’m excited to share "Meme-o-Tron" with the Reddit community.

What we learned

I learned how to use the Devvit Playground to create an Interactive Post and how to work with Reddit’s API to fetch comments and sort them by upvotes. I also gained experience troubleshooting mobile app interfaces, like finding hidden settings in Reddit to make my subreddit public and selecting the right topics. Most importantly, I learned how to adapt to limitations (like not having a computer) and still deliver a complete project for the hackathon.

Built With

• devvit-framework
• devvit-playground
• markdown
• reddit
• typescript