https://brunenberg.github.io/nl/tags/javascript/Recent content in JavaScript on Wouter BrunenbergHugonl-nlTue, 24 Mar 2026 00:00:00 +0000https://brunenberg.github.io/nl/projects/birdsandbees/Tue, 24 Mar 2026 00:00:00 +0000https://brunenberg.github.io/nl/projects/birdsandbees/<p><a href="https://birdsandbe.es">Speel het spel op birdsandbe.es!</a></p> <h2 id="overview-">Overview 🗺️</h2> <p>Dit is een dagelijks puzzelspel dat ik heb gemaakt omdat ik zulke spellen al in mijn dagelijkse routine had (Wordle, enclose.horse, dagelijkse LinkedIn-spellen). Het idee ontstond toen ik aan het eten was en om de een of andere reden bedacht hoe de voorwerpen op tafel geplaatst zouden moeten worden zodat licht/lasers van opzij zo veel mogelijk oppervlak zouden bedekken. Ik heb het idee meteen opgeschreven en de dag erna meteen aan de slag gegaan. In ongeveer 2 weken, waarbij ik er steeds aan werkte wanneer ik daar zin in had, had ik een afgerond product, een puzzelgenerator en een algoritme waarmee ik snel de optimale oplossing(en) kon vinden voor elke puzzel die ik het gaf.</p>https://brunenberg.github.io/nl/projects/quote-normalizer-browser-extension/Sun, 29 Jun 2025 00:00:00 +0000https://brunenberg.github.io/nl/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/nl/projects/image-hunt/Mon, 14 Apr 2025 00:00:00 +0000https://brunenberg.github.io/nl/projects/image-hunt/<h2 id="overzicht-">Overzicht 🗺️</h2> <p>Dit was een opdracht voor het vak &ldquo;Cloud Services&rdquo;. Het doel was een API‑first microservices backend te maken voor een image‑challenge applicatie. In deze applicatie start een beheerder een challenge op basis van een afbeelding van een locatie; deelnemers moeten een zo gelijk mogelijke foto maken om een hoge score te behalen.</p> <h2 id="gebruikte-technologieën-">Gebruikte technologieën 🛠️</h2> <ul> <li>Node.js + JavaScript</li> <li>Express (HTTP API)</li> <li>MongoDB + Mongoose (dataopslag)</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>