Shapes of the World

Can you identify all the world's nations just by their geographical shape and location? Find out with this map-based country guessing game for the browser. Built with Svelte.

Play the game

Specs

  • uses Mapbox and Mapbox GL JS for map display and interaction
  • geographical calculations are done with Turf.js
  • geo data is obtained from open sources, but was aggregated and modified for this game
  • styled with Tailwind CSS
  • app written in Svelte JS

Development

Setup

$ npm install

You will need a Mapbox account and an access token to run and build the game locally.

Store your public token in an environment variable called MAPBOX_PUBLIC_TOKEN.

Run in watch mode

$ npm run dev

Debug mode

Append ?debug=true to the URL to enable debug controls.

Feature previews

This repository is integrated with Netlify. For each pull request, a deploy preview is created. Once the preview is ready, the Netlify bot will comment the links in your PR.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes