Pokemon Collector -- with a real mobile interface

[tacman]

Do you collect pokemons? Me neither. But the best open source theme I could find for a creating an app-like experience was OnsenUI, and their tutorial for using the library was a simple pokemon collector app.

I re-created the app starting with Symfony 7, converted the HTML generation to twig, and replaced localStorage with dexie, and of course added the pwa-bundle. The final result is a silly but pretty cool-looking app that runs on your mobile device. See it at https://pokemon.survos.com/ or open it on your phone:

There are still some issues, like needing to load the Onsen javascript from the cdn because of some issue with the Assetmapper.

import 'https://cdn.jsdelivr.net/npm/[email protected]/js/onsenui.min.js';

I think that's the only issue that keeps it from running as a 100% offline app.

Although there's a login, it doesn't do anything. Dexie Cloud was just released, it's like Firebase, so in theory the pokemons could be kepts in sync with the cloud. For now, it was mostly about getting navigation to work, which on a mobile device is considerably different than on a desktop.

Feedback welcome! The repo is at https://github.com/survos-sites/pokemon Because there's no database, installation is trivial:

git clone [email protected]:survos-sites/pokemon.git && cd pokemon
composer install
symfony server:start -d
symfony open:local