Inspiration
I've always enjoyed logic-based tile games; they are catchy at a glance, but deeply rewarding. I wanted to create something minimal yet mentally stimulating to deliver a fresh daily challenge.
What it does
Pixel Shift is a daily logic puzzle game where players rearrange a shuffled grid of colored tiles to match a target pattern using the fewest number of adjacent swaps. The app creates a new puzzle daily using the current date and selected difficulty to ensure a unique challenge. Pixel Shift tracks personal best scores and displays a top-5 leaderboard per difficulty inside Reddit using Devvit and WebView.
How we built it
I built Pixel Shift using Devvit for Reddit integration, Redis for storing personalized scores, and a WebView interface for the interactive puzzle. The frontend was developed with HTML, CSS, and JavaScript, while the backend logic and leaderboard syncing were handled using TypeScript and Devvit APIs.
Challenges we ran into
A challenge I faced was syncing leaderboard data while maintaining a smooth, responsive WebView experience, which required careful state handling between the frontend and Devvit API.
Accomplishments that we're proud of
I'm proud of creating a complete, interactive puzzle game inside Reddit using Devvit and WebView. Building dynamic daily puzzles, smooth adjacent tile swapping, and win detection was a rewarding challenge. Integrating personalized leaderboards with Devvit Redis tied everything together into a polished experience.
What we learned
I learned how to write a state management inside of Devvit's WebView context, as well as designing a seed-based puzzle that updates based on the date and the level difficulty.
What's next for Pixel Shift
I want to include different levels that utilize different shapes, create a daily streak bar, include badges, and more challenging levels.
Log in or sign up for Devpost to join the conversation.