Below, you'll find a collection of JavaScript projects I've been tinkering with. You'll see a mix of educational progressive web apps, a couple of Twitter bots, and some other fun creations. I mainly use these as playgrounds to dive deeper into new tech or libraries, so the code is just me having a bit of fun. Nothing too formal! 🐒
A series of visualizations written in JavaScript with some HTML & CSS in one index.html.
Imagining the Netherlands in 2100, this page provides an overview of the impacts of climate change. It's a personal project, driven by my desire to show what the year 2100 could look like when my kids are in their 80s.
Dashboard that shows the latest readings of the CO2 sensor in my office. Using a Raspberry Pi and an Aranet4.
Inspired by the Covid-19 lockdown, this web app allows parents and primary school students to create lessons together. Parents can assist their children with difficult subjects and share interactive lessons with others. (in Dutch)
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.
A new year, a new JavaScript framework! Using svelte I created this PWA to help my kids with math. The goal was to create an app-like experience, using micro animations, full offline support, prefetching JavaScript and server-side rendering.
Realtime decentralized chat app using gunDB (a decentralized database) and Svelte.js. It's using WebRTC to send messages and sync messages even if you lose connectivity.
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 the sound!
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! 🎉
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.
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 Wars or Star Trek? Why not both? Using just CSS and a little bit of JavaScript I recreated these classic science fiction intros.
Star Wars or Star Trek? Why not both? Using just CSS and a little bit of JavaScript I recreated these classic science fiction intros.
A simple web app for translators that converts a price per word to a price per standard line (55 characters).
A Twitter bot raising emoji money for his trip around the world. A fun little experiment with social media and Twitter bots. [no longer active]. Technologies used: Express, MongoDB.
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 time-lapses.
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)