Below you'll find a collection of my (more recent) JavaScript experiments. It's mostly educational progressive web apps, some Twitter bots and other creative stuff. I generally use these experiments to learn more about a certain technology or library, so don't take the code too seriously. 🐒

Feel free to drop me a line on Twitter if you like them!

Have fun!

Tafels.App

A new year, a new JavaScript framework! Using svelte I created this PWA to help my kids with math. Goal was to create an app-like experience:

  • 💃 micro animations
  • ⛺ full offline support
  • ⌛ prefetching JavaScript
  • 💻 server side rendering
Play + Source [2020]

Lumber Jack

Weekend project to learn more about Mobx State Tree. Simple kids game inspired by Stardew Valley and Monty Python. Don't forget to turn on sound!

  • 🌳 mobx state tree
  • 💃 react pose for animations
  • 🚀 create-react-app + TypeScript
  • 🎺 web audio for sounds

Play + Source [2019]

Multiple experiments

Some experiments to play with the new React Hooks and micro animations in web UIs.

🕐 Klok + Source
🖌 Kids Draw + Source
📖 Write Only + Source

[2019]

Size of NPM

I thought it might be (mildly) interesting to keep track of how the NPM node_modules folder grows over time. This website keeps track of the size of the top 100 npm packages. It's been running for a while now and the results are... frightening?

View + Source [2018]

Protest Against

Feel like protesting against some minor injustice? This (somewhat silly) web app makes this as easy and fun as liking something on Facebook! Multiple users required, but you can also open more tabs (wait for the app to wake up).

Play + Source [2018]

Peter and the Wolf

Progressive Web App for kids, based upon the classical piece "Peter and the Wolf" by Prokofiev. Turns out that making large mp3s available offline is harder than I thought.

Play + Source [2018]

Finding Nora

I created this fun little PWA for my daughter Nora to help her spell her name. She loved it, hope you do too!

  • 🚀 create-react-app + TypeScript
  • ⛺ full offline support
  • 🎺 web audio for sounds
Play + Source [2018]

Star Wars or Star Trek?

Why not both? Using just CSS and a bit of JavaScript I recreated these classic science fiction intro's.

Star Trek + Source
Star Wars + Source [2017]

Term Search

A terminology search engine for translators. Currently only German-Dutch terms. Work in progress. [ No longer online ]

Technologies: NodeJS, Express, MongoDB, Loopback, ReactJS.

Source [2016]

Help Terence!

A Twitter bot raising emoji money for his trip around the world. Fun little experiment with social media and Twitter bots. [ No longer active ]

Technologies used: Express, MongoDB.

@helpTerence + Source [2016]

Word to Line Prices

A simple web app for translators that converts a price per word to a price per standard line (55 characters).

Visit the app + Source [2016]

Wikipedia edits by the Dutch government

Twitter bot inspired by @congressedits that monitors and Tweets any edits made to Wikipedia by the Dutch government.

@OverheidEdits + Source [2014]