find-it

A responsive Spot It / Dobble-inspired browser game built on finite projective plane card generation.

Status: archived  |  Type: game  |  Visibility: public

Tech: Next.js  ·  JavaScript  ·  Tailwind CSS  ·  PWA  ·  Twemoji

AI involvement: moderate (ChatGPT 3.5, ChatGPT 4) — One of the earlier AI-assisted projects, using LLM support for implementation and iteration.

GitHub →

Why I built this: Built to explore the math behind Spot It / Dobble-style card generation while delivering a responsive and visually playful browser game.

Overview

Find-It is a responsive browser game inspired by Spot It / Dobble, built around the mathematical structure of finite projective planes. The core challenge was generating valid sets of cards where each pair shares exactly one matching symbol, then turning that structure into a lightweight, playable web experience.

The project combines game logic, Twemoji-based visual assets, lazy loading, and mobile-friendly interaction patterns in a PWA format. It was also one of the earlier projects developed with meaningful AI assistance from ChatGPT 3.5 and GPT-4 during implementation and iteration.

Features

• Spot It / Dobble-inspired browser gameplay
• Finite projective plane-based card generation
• Twemoji-powered symbol graphics
• Responsive UI for desktop and mobile play
• Lazy loading for efficient asset handling
• PWA delivery for an app-like browser experience

Installation

# clone the repository
git clone https://github.com/yourusername/find-it.git

# enter the project directory
cd find-it

# install dependencies
npm install

# start the development server
npm run dev