puzzlemon

Puzzlemon is a Pokémon trivia puzzle game packed in a Farcaster frame. The puzzle is a 3x3 grid, with different criteria on each row and column (for instance "Must be a fire type", "Must be a legendary", "Can mega evolve"...), and for each cells the player has to correctly guess a pokémon species that would fit the cell criterias.

The game can be played through a Farcaster frame on a compatible client, or on the main webapp (though the user will be required to connect with a Farcaster account to unlock all features).

The user first selects a row, then a column, then enters a Pokémon name. Once they are satisfied with the Pokémon, they select it. The goal for the player is to complete the entire grid with corresponding Pokémons while having the most unique grid.

Puzzle creators can create their own custom puzzles and challenge others to complete it. A leaderboard for both Puzzlemon and each individual puzzle also exists

All data are stored in Supabase (puzzles, game picks, pokémons...).

The webapp is rendered using Astro (in hybrid mode), though React is used to render the Privy wallet connector, which is configured to allow users to connect with a Farcaster account.

The frame metadata are generated using Pinata FDK, which allowed me to have both my frames and website to live side by side easily (instead of rendering the frame in the website).

All frames are interoperable with XMTP via the of:accepts:xmtp property.

I tested the frames using the frames.js debugger.

I used satori and sharp to generate the og:image.