Web App on Wouter Brunenberg

birdsandbe.es Dagelijkse Puzzel

Tue, 24 Mar 2026 00:00:00 +0000

Overview 🗺️

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.

Zwemles Beoordeling Tool

Sun, 29 Jun 2025 00:00:00 +0000

Overzicht 🗺️

Dit was een groepsproject voor school dat ongeveer 20 weken duurde. We moesten een oplossing maken die meerdere problemen van de opdrachtgever aanpakte. De klant was een zwemvereniging die kinderen zwemmend lesgeeft en zwemdiploma’s uitgeeft. De instructeurs hielden de voortgang van zwemmers bij op papier, wat onhandig bleek in een natte omgeving. Andere problemen waren dat papier kwijt kon raken, het lang duurde om informatie te vinden, ouders/verzorgers geen inzage hadden in de voortgang van hun kind en dat ouders/verzorgers soms geen Nederlands spreken, waardoor het lastig was uit te leggen waar kinderen aan moesten werken.

Huishoudboekje Webapp

Sun, 22 Jun 2025 00:00:00 +0000

Overview 🗺️

Dit was een duo opdracht voor het vak “Advanced Javascript”. Het doel was om een huishoudboekje applicatie te maken aan de hand van React en Firebase.

Technologies Used 🛠️

React
Firebase
Next.js
TypeScript
Tailwind + DaisyUI

Showcase 📸

Account select pagina

Startpagina

Transacties

Analytics

Categorieën

Beestje Op Je Feestje

Sun, 07 Apr 2024 00:00:00 +0000

Overzicht 🗺️

‘Beestje Op Je Feestje’ is een app die we met z’n tweeën hebben gebouwd in ASP.NET voor een schoolproject. De nadruk lag op validatieregels, autorisatie en authenticatie, unit‑tests en hosting. Een admin kan dieren met specifieke eigenschappen aanmaken. Deze dieren kunnen vervolgens door klanten voor een dag worden gehuurd, vaak voor feestjes. Er zijn regels voor het combineren van dieren (bijv. bepaalde dieren mogen niet samen, afhankelijk van naam of type). Er zijn ook kortingsregels (zoals 2% korting voor elke opeenvolgende letter in het alfabet die voorkomt in de gecombineerde namen van alle gehuurde dieren). Daarnaast moesten we unit‑tests schrijven tot minimaal 40% code coverage. Tot slot hebben we de webapplicatie gehost op Azure, inclusief database.

Bazaar

Mon, 01 Apr 2024 00:00:00 +0000

Overzicht 🗺️

‘Bazaar’ is een webapplicatie ontwikkeld met het Laravel‑framework als onderdeel van een studieproject. Het is gezamenlijk gebouwd door twee studenten. Het platform combineert elementen die doen denken aan Marktplaats en iBood en biedt zo een unieke marktplaatservaring. De applicatie ondersteunt drie gebruikersrollen: particuliere adverteerders, zakelijke adverteerders en klanten. Elke rol heeft specifieke rechten en functionaliteiten en kan interacteren met entiteiten zoals producten en bedrijven.

Gebruikersverhalen (zonder acceptatiecriteria; die maakten geen onderdeel uit van de opdracht)

Als gebruiker kan ik me registreren op het platform (zonder de mogelijkheid om te adverteren)
Als gebruiker kan ik me registreren als particuliere adverteerder
Als gebruiker kan ik me registreren als zakelijke adverteerder
Als platformeigenaar wil ik de zakelijke registratie als PDF (contract) kunnen exporteren zodat deze ondertekend kan worden (gebruik van een package toegestaan)
Als platformeigenaar wil ik de applicatie in twee talen aanbieden
Als platformeigenaar wil ik contracten kunnen uploaden zodat deze kunnen worden goedgekeurd
Als platformeigenaar wil ik dat API‑calls veilig worden aangeroepen
Als bedrijf wil ik mijn eigen look‑and‑feel aan de applicatie kunnen geven
Als bedrijf wil ik mijn eigen URL kunnen instellen zodat ik een landingspagina kan maken
Als bedrijf wil ik verschillende componenten aan mijn landingspagina kunnen koppelen zodat ik niet alles zelf hoef te bouwen. Een component kan zijn: uitgelichte advertenties, een introductietekst, afbeelding. Zie het als een paginalay‑outbouwer.
Als bedrijf wil ik een API ontsluiten zodat alleen mijn advertenties door een andere applicatie gebruikt kunnen worden
Als bedrijf wil ik een CSV met advertenties kunnen uploaden zodat ik alles in één keer kan inladen en tijd bespaar
Als platformeigenaar wil ik elke advertentie voorzien van een QR‑code zodat deze makkelijk te delen is (gebruik van een package toegestaan)
Als adverteerder wil ik een huuradvertentie kunnen plaatsen
Als adverteerder wil ik een kalenderoverzicht van al mijn verhuurmomenten zodat ik weet wanneer ik iets moet uitlenen en terugkrijgen
Als adverteerder wil ik een kalenderoverzicht van wanneer mijn advertenties verlopen
Als gebruiker wil ik een geschiedenis van gekochte producten kunnen zien
Als gebruiker wil ik favorieten kunnen aanmaken
Als gebruiker wil ik een kalenderoverzicht van gehuurde producten kunnen zien zodat ik weet wanneer ik iets kan ophalen en terugbrengen
Als gebruiker wil ik een homepage met de laatste advertenties kunnen zien
Als gebruiker wil ik een review van een huurproduct kunnen plaatsen
Als gebruiker wil ik een review van een adverteerder kunnen plaatsen
Algemeen > elke lijst moet gefilterd en gesorteerd kunnen worden
Algemeen > elke lijst bevat paginering

Businessregels

Bij het retourneren van een product wordt slijtage berekend (volgens instellingen)
Bij het retourneren van een product moet een foto worden geüpload
Je mag maximaal 4 biedingen doen
Je mag maximaal 4 advertenties plaatsen
Je mag maximaal 4 huuradvertenties plaatsen
Een advertentie is de koppeling met meerdere plaatsingen; met andere woorden: als je een kettingzaag verhuurt, kun je er een fles olie bij verkopen

Technologieën 🛠️

PHP
Laravel
SQL‑database
Microsoft SQL Server Management Studio
Trello

Uitdagingen en oplossingen 🧗🏻

De uitdaging was om een lange lijst aan eisen in een relatief korte tijd te implementeren. Veel van die eisen waren vrij vaag geformuleerd, waardoor interpretatie belangrijk was.

Project Bumbo

Sun, 21 Jan 2024 00:00:00 +0000

Overzicht 🗺️

‘Project Bumbo’ was een groepsproject waaraan ik meedeed op school. Met een team van vijf pakten we een probleem aan voor ‘Bumbo’, een fictieve supermarktketen. De uitdaging: de tijdrovende en inefficiënte roosterplanning van de filiaalmanager. Dat leidde vaak tot overuren en diensten met te weinig of juist te veel personeel.

Technologieën 🛠️

C#
ASP.NET
Entity Framework Core
Azure‑hosting
MVC

Uitdagingen en oplossingen 🧗🏻

De overstap naar ‘echte’ software‑frameworks was een flinke stap. Mijn eerdere ervaring lag vooral bij JavaFX (meer een library dan een framework). ASP.NET bracht nieuwe uitdagingen met zich mee. Gelukkig kende ik het MVC‑patroon al, wat hielp bij het leren. Na wat opstartproblemen heb ik me erin vastgebeten en werd ik gaandeweg steeds vaardiger.

Sesamstraat‑website

Sun, 30 Oct 2022 00:00:00 +0000

Overzicht 🗺️

Voor dit project moest ik een website maken rond een zelfgekozen thema. Ik koos voor Sesamstraat: de stijl spreekt me aan en het is lekker nostalgisch. De site moest aan een aantal eisen voldoen: vijf pagina’s met elk een eigen lay‑out, responsive met media queries en een webformulier (buiten de vijf pagina’s om).

Technologieën 🛠️

HTML
CSS

Uitdagingen en oplossingen 🧗🏻

CSS onder de knie krijgen vond ik best lastig. De basis snapte ik wel, maar ik kende lang niet alle properties en vooral flexbox was verwarrend. Align‑items, justify‑items, align‑content en justify‑content haalde ik vaak door elkaar. Daardoor kostte het project meer tijd dan gedacht, maar ik was wel ruim voor de deadline klaar.