Subreddit Guesser

An interactive guessing game built for Reddit where players watch videos and try to guess which subreddit they came from.

Comment

Inspiration

People on reddit enjoy discovering new videos, be it funny, strange or unexpected. I wanted to bring a surprise element (by not revealing the subreddit name) while discovering videos through this app.

What it does

An interactive guessing game built for Reddit where players watch videos and try to guess which subreddit they came from.

How to Play

  1. Watch the Video: A random video from popular subreddits will start playing automatically
  2. Make Your Guess: Enter the subreddit name you think the video is from
  3. Get Feedback: See if you guessed correctly and learn the actual subreddit
  4. Explore: Click "View Original Post" to see the full Reddit post with comments
  5. Continue Playing: Skip videos or play the next one to keep the game going

How we built it

This game is almost entirely built using Kiro AI IDE. Started off with a devvit interactive project template, and added all features to the game through AI prompt within the IDE. Only few minor changes were made manually in the source code while development.

Technology Stack

  • Devvit: Reddit's developer platform for building immersive games
  • React: Frontend UI framework
  • Express: Backend API server
  • Redis: Data persistence for game state and post tracking
  • Vite: Build tool and development server
  • Tailwind CSS: Styling framework
  • TypeScript: Type safety and better development experience

Challenges we ran into

Initially I wasn't sure if this AI integrates well with the Devvit platform, and my thought was that it may be challenging to build a game for reddit using this IDE. But it turns out otherwise - this integrates very well with the Devvit platform, and it was very easy to build this app through the AI prompts. However, it wasn't able to pick video posts from subreddits and play in the view. It was challenging to get it to play videos as the the present devvit platform does not provide a straightforward way to identify video posts (from my limited experience so far). To address this(partially), I had to look into the docs to find various attributes available in post object. I am now utilizing secureMedia?.redditVideo.fallbackUrl attribute, which gives a mp4 video url. However, this URL does not have sound. So all videos shown in the app does not have sound presently.

Accomplishments that we're proud of

This is the first game I am developing with recent features of devvit. I am glad that I was able to reach this far for this hackathon project (with the help of Kiro AI IDE of course! )

What we learned

What's next for Subreddit Guesser

I plan to work on the following things in future iterations

  1. Make videos play with sound (and possibly support HLS streaming)
  2. Add global leaderboard with number of successful guesses made by users
  3. Add additional puupular subreddits where there are video posts, so that it adds includes more variety of videos.
  4. Improve the experience by enhancing the UI/UX.

Built With

Share this project:

Updates