JavaScript Labs
Below you'll find a collection of my 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. 🐒
Side Projects
mijn-Lessen.nl
Inspired by the Covid-19 lockdown this web app lets parents and primary school students create lessons together. Parents can help their kids with difficult subjects and share the interactive lessons with others. (in Dutch)
Vaccination progress
A Twitter bot that tweets the latest vaccination progress for the Netherlands. Recently updated to also show the number of people that received a booster shot.
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, using micro animations, full offline support, prefetching JavaScript and server side rendering.
Realtime chat app
Realtime decentralized chat app using gunDB (a decentralized database) and Svelte.js. It's using WebRTC to send messages and syncs messages even if you loose connectivity.
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!
Finding Nora
I made this app to test what you can accomplish with current PWA technology (especially on iOS. My kids loved it, I hope you do too! 🎉
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.
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?
Star Trek
Star Wars or Star Trek? Why not both? Using just CSS and a little bit of JavaScript I recreated these classic science fiction intro's.
Star Wars
Star Wars or Star Trek? Why not both? Using just CSS and a little bit of JavaScript I recreated these classic science fiction intro's.
Words to line prices
A simple web app for translators that converts a price per word to a price per standard line (55 characters).
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.
Rush hour timelapse
A Twitter bot that creates daily timelapse videos of the traffic jams in The Netherlands. No longer active, but you can still see some of the old timelapses.
Wikipedia edits door de Nederlandse overheid
Twitter bot inspired by @congressedits that monitors and Tweets any edits made to Wikipedia by the Dutch government. It's been in the news quite a few times (de Volkskrant) and the account has more followers than I do. (in Dutch)