Where Is It?

Un jeu web inspiré de GeoGuessr où le but est de retrouver l’origine d’une photo à partir d’images récupérées via l’API Unsplash.

Catégories API, Jeu vidéo, Site internet Technologies SCSS, JavaScript, HTML, PHP

En mars 2023, j’ai participé au quatrième “Concours du Web” organisé par Enzo de École du Web sur son serveur Discord.

Le principe était simple : créer en une semaine un projet web utilisant une API REST.

Le concours avait été annoncé sur le Discord de la communauté ainsi que dans une vidéo YouTube dédiée au lancement du thème.

Je suivais déjà le contenu d’Enzo à l’époque et j’aimais beaucoup l’approche très créative des précédents concours. En voyant le nouveau thème, j’ai eu envie de proposer quelque chose d’un peu différent d’une simple intégration d’API classique.

L’idée du projet est née assez vite : Créer une expérience inspirée de GeoGuessr où le joueur doit deviner l’origine d’une image affichée à l’écran.

Pour cela, le projet utilise :

  • l’API Unsplash pour récupérer les photos
  • l’API PositionStack pour transformer les lieux en coordonnées géographiques

Je voulais surtout créer une expérience amusante et visuelle, avec une direction artistique assez brute inspirée des anciennes interfaces de Figma : grosses bordures, coins très marqués et interface volontairement graphique.

Le projet a finalement remporté la première place du concours.

Aujourd’hui encore, ce type de projet représente exactement ce que j’aime concevoir : des expériences web interactives, un peu atypiques, pensées pour être jouées, streamées ou partagées sur internet.

On retrouve d’ailleurs beaucoup de concepts similaires sur Twitch, TikTok ou YouTube avec des créateurs comme Laink et Terracid qui popularisent des formats où il faut deviner une information à partir d’un contexte visuel ou absurde.

Vous pouvez voir le code source de Where Is It sur Github : https://github.com/hugo-levet/where-is-it