• 

  created post using this application

Reddit Interactive Caption Game

DEMO video

Inspiration

This concept is inspired by Korean "제목학원" SNS game, where users compete to create the funniest or most fitting captions for a given image.

What it does

This project involves creating a custom subreddit to host an interactive game where users suggest funny captions for images. The goal is to dynamically update a label within a WebView based on the top-voted comment.

How we built it

• Image Captioning: Users submit captions for a displayed image via Reddit comments.
• Dynamic Updates: The label displaying the image's title updates in real-time based on the top-voted comment.
• Community Engagement: Encourages Reddit users to participate and vote on captions.
• Custom Subreddit: Designed for a subreddit with fewer than 200 members to comply with Devvit app restrictions.

Challenges we ran into

I focused on enabling Promise-based IPC communication using postMessage, ensuring seamless and efficient handling of asynchronous requests and responses.

for example,

apiClient.get<TitleSchool>('title-school')
      .then((data) => {
        console.debug('hostConnected', data);
        this.titleSchool = this.typeGuard(data, isTitleSchool);
      })
      .catch(() => {
        this.isError = true;
      })
      .finally(() => {
        this.isLoading = false;
        this.host.requestUpdate();
      });

Built With

• devvit
• lit
• typescript