A simple game to teach kids basic math (multiplication tables, additions, etc.)
- nice animations and page transitions
- service workers
- web Audio with Howler
- UI + colors based on book Refactoring UI
- the avatars are from bigheads.io made by @robertbrosma
git push # 😸
About Sapper and Svelte
Needs some polishing here and there (lots of bug fixes with every new version) but in general it's pretty cool. Less code & a faster user experience. Built-in animations are a big win (always a pain with React) and the routing solution that Sapper offers (also for SPA's) is a godsend compared to React Router.
I think it's very hard to beat Next.js' developer experience. The Next team has been really killing it with new features lately. So I think Sappers appeal comes mainly from... Svelte
Developing with Service Workers turned on (i.e. in dev mode) really works well with Sapper too, not sure how they're doing that!
What I didn't like
- you can't (easily) pass classes to child components (I had to make them global to make it work).
- multiple slots per component are nice, but they have to be DOMElements, so you end up putting extra spans and divs around Components to use them as slots
- animations are only available on DOM elements, so you can't create a basic component (i.e. a Button) and add animations only in one of the parent components. This hinders composition somewhat I my opninion.
- Sound files (squakk + nock + restart): https://freesound.org/people/yawfle/packs/367/
- Sound file HooYeah by LemonJolly: https://freesound.org/people/lemonjolly/sounds/273925/
- Icons: Refactoring UI