Case Study · Web Platform
PuzzleFree
AI-powered jigsaw puzzle platform and web product.
Web Platforms
Live
Web Platform · Game · Content System
Overview
Project overview
PuzzleFree is a web product where players solve high-quality jigsaw puzzles prepared through an AI image workflow. The platform connects a custom browser game, a content pipeline, user accounts, daily puzzles, collections, and paid product logic.
Role
Role and responsibilities
The work covered product thinking, engineering decisions, and practical delivery.
- Product engineering
- Web development
- Backend structure
- Frontend implementation
- AI image workflow
- Game experience planning
- Production deployment
Challenge
The challenge
The product needed to feel like a calm modern game, not a legacy browser toy. It also needed a content workflow that could create new puzzle material without slow manual work.
Approach
The approach
- 01Planned product areas around puzzles, collections, daily content, sessions, players, and purchases.
- 02Built a Django API for accounts, content, game data, gallery items, metrics, achievements, and payments.
- 03Created a Next.js web interface with SEO-friendly public pages and protected user areas.
- 04Worked on a custom WebGL puzzle engine with drag, tray, snap, grouping, zoom, and visual feedback.
- 05Prepared deployment with Docker, Nginx, Cloudflare, static delivery, media delivery, and production settings.
Outcome
What it delivered
- A working puzzle platform with a real product base instead of a single demo page.
- A content workflow that can turn curated image prompts into playable puzzle content.
- A game foundation ready for user accounts, premium features, metrics, achievements, and mobile apps.
- A maintainable split between public pages, product UI, API, content, and game engine code.
Preview
Product preview
puzzlefree.game · play
Browse, create, and play AI-prepared jigsaw puzzles.
Architecture
System overview
A simple view of the main product layers.
Architecture
Players
Next.js web interfaceGame
Custom WebGL puzzle engineAPI
Django REST APIData
PostgreSQL and media storageDelivery
DockerNginxCloudflareCDNDjangoNext.jsPostgreSQLREST APIDockerCloudflare
