This app is more or less a clone of the flash-invaders app and concept. It has been created for the 50th anniversary of the twinning between the french village La Tessoualle and German village Zwiefalten. The goal is to find some mosaics hidden in La Tessoualle, and answer some quiz each time you scan a new mosaic with the NFC tag stuck on it.
The app is available on the Play Store, and the App Store, under the name "Zwietess".
A web version is available on zwietess.aloiseau.com
This is the v2 version of a webapp I made for the same event, named flash-invaders (now archived).
- Application framework : Tauri (v2)
- Frontend framework : Svelte + TailwindCSS (v5) with SvelteKit
- Frontend components : shadcn-svelte
- NFC scan library :
tauri-plugin-nfc - Backend and auth : Supabase
- Internationalization in French and German, with
svelte-kit-i18n
- Clone the repo, and run
pnpm install - Duplicate the
.env.examplefile, rename it to.env, and populate the variables with your own values - Link your Supabase project and push migrations with
supabase db push - Run
pnpm devto start the app in development mode, orpnpm tauri android|ios devif you want to run the app.
- For the sake of simplicity, I hardcoded the informations of mosaics and quizs directly in the app, under
src/lib/game-data. - Each NFC tag is encoded with a simple URI such as
zwietess://invader${ID}, ID being the ID of the mosaic. The app only matches those URIs.
