Back to all projects

A minimalist dog photo swap-tile puzzle game

Next.js 16Cloudflare R2Framer Motion

About

Pawzzle is a fun, highly optimized web application created to turn favorite dog photos into an engaging "swap-tile" puzzle game. Initially a weekend project, it has evolved into a robust Progressive Web App featuring global serverless leaderboards, deterministic daily challenges, and millisecond-level Redis categorization.

Features

  • Swap-Tile Mechanics: A mathematically guaranteed solvable puzzle every time
  • Dynamic Difficulty: Instantly switch between 3x3, 4x4, or 5x5 grids
  • Password-protected Admin Dashboard for bulk drag-and-drop uploads
  • Client-Side Compression: Automatically resizes 4K photos in-browser before upload
  • Cloudflare R2 Integration: Auto-discovering lightning fast image galleries
  • Serverless Global Leaderboards powered by Upstash Redis Sorted Sets
  • Daily Challenge Mode with deterministic Math-seeded global permutations
  • O(1) Image Categorization tagging via Redis Pipelines
  • Progressive Web App (PWA) offline game support with Workbox asset caching

Tech Stack

Next.js 16React 19TailwindCSSFramer MotionUpstash RedisCloudflare R2jose (JWT Auth)Workbox PWA