https://brunenberg.github.io/tags/javascript/Recent content in JavaScript on Wouter BrunenbergHugoen-usTue, 24 Mar 2026 00:00:00 +0000https://brunenberg.github.io/projects/birdsandbees/Tue, 24 Mar 2026 00:00:00 +0000https://brunenberg.github.io/projects/birdsandbees/<p><a href="https://birdsandbe.es">Play the game at birdsandbe.es!</a></p> <h2 id="overview-">Overview 🗺️</h2> <p>This is a daily puzzle game I made because I had some of those in my daily routine (Wordle, enclose.horse, daily LinkedIn games). I initially got the idea because I was having dinner and for some reason I was imagining how the objects on the table would have to be placed in order for light/lasers coming from the side to cover as much area as possible. I immediately wrote down the idea and started working on it the day after that. In about 2 weeks of working on it whenever I felt like it, I had a finished product, a puzzle generator and an algorithm I could use to quickly find the optimal solution(s) for any puzzle I gave it.</p>https://brunenberg.github.io/projects/quote-normalizer-browser-extension/Sun, 29 Jun 2025 00:00:00 +0000https://brunenberg.github.io/projects/quote-normalizer-browser-extension/<h2 id="overview-">Overview 🗺️</h2> <p>This is a project I made for fun, because I thought it would be nice to always have the same kind of quotes on websites. I could not find a solution that offered that service, so I made it myself in a few hours. I had never created a browser extension before this, so I was excited to try it.</p> <p><a href="https://addons.mozilla.org/en-US/firefox/addon/quote-normalizer/">Install link for Firefox</a></p> <h2 id="technologies-used-">Technologies Used 🛠️</h2> <ul> <li>JavaScript</li> <li>HTML/CSS</li> </ul> <h2 id="showcase-">Showcase 📸</h2> <p><img src="https://brunenberg.github.io/images/projects/quote_normalizer_example.gif" alt="Example of the application in use"></p>https://brunenberg.github.io/projects/image-hunt/Mon, 14 Apr 2025 00:00:00 +0000https://brunenberg.github.io/projects/image-hunt/<h2 id="overview-">Overview 🗺️</h2> <p>This was an assignment for the subject &ldquo;Cloud Services&rdquo;. The goal was to create an API-first microservices backend for an image-challenge application. In this application an admin would start a challenge based on an image of a certain location, participants would have to take an image as similar as possible to get a high score.</p> <h2 id="technologies-used-">Technologies Used 🛠️</h2> <ul> <li>Node.js + JavaScript</li> <li>Express (HTTP API)</li> <li>MongoDB + Mongoose (data storage)</li> <li>RabbitMQ (message bus)</li> <li>Docker</li> <li>Traefik</li> <li>Imagga API</li> <li>Postman</li> </ul> <h2 id="showcase-">Showcase 📸</h2> <h4 id="docker-container">Docker container</h4> <p><img src="https://brunenberg.github.io/images/projects/image_hunt_docker_container.png" alt="Docker images"></p>