N° 08 / 08 — Jeu · Puzzle
Orapa Mine
Chaque jour, une mine cache cinq gemmes : envoyez des ondes, lisez les couleurs, déduisez.
- Rôle
- Conception et développement
- Année
- 2026
- Statut
- En lignePerso
- Stack
- Next.js · TypeScript · GSAP · Vitest · PWA · Tailwind CSS
- Liens
- Jouer ↗
01 / 07
Le problème
Orapa Mine est un jeu de plateau de déduction de Junghee Choi et Wanjin Gill, édité par Playte. J'avais envie d'y jouer chaque jour, comme à un puzzle quotidien.
Ce site est un projet de fan, gratuit et non officiel.
02 / 07
Ce que j'ai fait
Chaque jour, une nouvelle mine de 10 cases sur 8 cache cinq gemmes. On envoie des ondes, on lit les couleurs qui ressortent, on place et on fait tourner les gemmes pour reconstituer la mine, avec une seule vérification par jour.
La série en cours, le record et l'historique sont gardés d'un jour à l'autre, en français et en anglais.
03 / 07
Comment c'est construit
Les règles sont écrites en fonctions pures et testées une à une : la grille, les gemmes, le trajet des ondes, le puzzle du jour, la série. L'interface Next.js et GSAP s'appuie dessus.
C'est un site statique installable, qui fonctionne comme une application.
- Règles en fonctions pures
- Puzzle du jour
- Série et historique
- Interface Next.js et GSAP
04 / 07
Les défis
- 01
Des règles qu'on peut prouver
Le trajet des ondes, la grille, les gemmes et la série sont des fonctions pures, testées une à une avec Vitest : l'interface peut changer sans jamais casser le jeu.
- 02
Le même puzzle pour tous, sans serveur
La mine du jour est tirée de la date : la même pour tout le monde, sans base de données. Le site est statique, installable (PWA), en français et en anglais.
05 / 07
Résultats
En ligne, avec une nouvelle mine chaque jour.
06 / 07
Ce que j'ai appris
Les règles d'un jeu de société se traduisent très bien en fonctions pures : une fois le trajet d'une onde testé, l'interface peut changer sans jamais casser le jeu.
07 / 07
La stack technique
- Front-end
- Next.jsTypeScriptPWATailwind CSSMultilingue (i18n)
- 3D, animation et temps réel
- GSAP
- DevOps, cloud et tests
- VitestGit
- Produit, SEO et méthodes
- SEO
Projet suivant · 01 / 08
SphereHome
SphereHome
