@ -60,7 +60,7 @@
< section class = "relative" > < section class = "relative" >
< div class = "@container flex flex-col justify-center" >
< div class = "@container flex flex-col justify-center" >
< div class = "flex flex-col gap-2 whitepigeon text- white text- center">
< div class = "flex flex-col gap-2 whitepigeon text- center">
< h2 class = "font-bold text-4xl lg:text-8xl" > Portfolio< / h2 >
< h2 class = "font-bold text-4xl lg:text-8xl" > Portfolio< / h2 >
< p class = "lg:text-lg" >
< p class = "lg:text-lg" >
A collection of some of the projects and experiences I am most proud of
A collection of some of the projects and experiences I am most proud of
@ -68,7 +68,7 @@
< / div >
< / div >
< div
< div
class="container my-5 lg:my-20 grid grid-cols-1 @2xl:grid-cols-2 @6xl:grid-cols-3 gap-5 justify-between"
class="my-5 lg:my-20 grid grid-cols-1 @2xl:grid-cols-2 @4xl:grid-cols-3 @7xl:grid-cols-4 gap-5 justify-between"
>
>
< div class = "absolute top-0 -mt-40" id = "portfolio" / >
< div class = "absolute top-0 -mt-40" id = "portfolio" / >
@ -80,11 +80,12 @@
< span class = "text-sm font-light" > 2023 and ongoing< / span >
< span class = "text-sm font-light" > 2023 and ongoing< / span >
< / h3 >
< / h3 >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
During my study's internship at Agro IT I developed a user friendly web environment for
During an internship at Agro IT I developed a web environment for RVDM, a realtime manure
their RVDM.< br / > < br / >
transport compliance system. The company liked what I built and hired me to develop it
The company liked what I built and wanted to expand upon it, so they hired me after the internship
further as a sidejob. I then developed another system for hour and work registration for
to finish the prototype and roll it out to clients. Now I work on creating web versions for
my graduation project, and was hired to continue as a software engineer after my studies.
all their products.< br / > < br / >
Now I help Agro IT transition their products to the cloud and develop new systems for
customers.
< / p >
< / p >
< img src = "/rvdm.png" class = "rounded-xl" alt = "Picture of some people from the DevOps Team" / >
< img src = "/rvdm.png" class = "rounded-xl" alt = "Picture of some people from the DevOps Team" / >
< / Card >
< / Card >
@ -135,12 +136,11 @@
< span class = "text-sm font-light" > 2020 to 2024< / span >
< span class = "text-sm font-light" > 2020 to 2024< / span >
< / h3 >
< / h3 >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
I am a year 4 student at the Saxion University of Applied Sciences in The Netherlands
I obtained a Bachelor in HBO-ICT (Software Engineering) at the Saxion University of
majoring in Software Engineering and expected to graduate in July of 2024.
Applied Sciences in The Netherlands. During the study I've done a multitude of projects
< br / > < br / >
for clients and worked in teams comprised of people with lots of different backgrounds. I
During the study I've done several projects for real clients and worked in teams comprised
have mostly worked with Java, JavaScript, Python and C#, and also have professional and
of people with lots of different backgrounds. I have mostly worked with Java, JavaScript, Python
practical skills with many sysadmin tasks.
and C#.
< / p >
< / p >
< img src = "homepage/computer.png" class = "w-40" / >
< img src = "homepage/computer.png" class = "w-40" / >
< / Card >
< / Card >
@ -162,122 +162,145 @@
< / Card >
< / Card >
< / span >
< / span >
< span class = "@xl:row-span-3 @container" >
< span class = "@2xl:row-span-2" >
< Card >
< h3 class = "text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between" >
< div class = "inline-flex gap-3" > ⚔️ Skills< / div >
< / h3 >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
I can work with a wide range of systems, frameworks and technologies! I have a lot of
common knowledge around computer software and hardware that i can use to quickly adapt
to new languages and frameworks. Here is a constantly expanding list of some of the
things I am comfortable and like working with:
< / p >
< div id = "scroll-container" class = "flex flex-wrap gap-1 w-full text-center" >
{ #each words as word , key }
< p >
{ #if key == words . length - 2 }
{ @html word } and
{ :else if key == words . length - 1 }
{ @html word } .
{ : else }
{ @html word } ,
{ /if }
< / p >
{ /each }
< / div >
< p class = "text-sm font-bold italic pt-5" > ... and always eager to try out new things!< / p >
< / Card >
< / span >
< span class = "@xl:row-span-1 @xl:col-span-2 @container" >
< Card >
< Card >
< h3 class = "text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between" >
< h3 class = "text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between" >
< div class = "inline-flex gap-3" > 🏢 Internships< / div >
< div class = "inline-flex gap-3" > 🏢 Internships< / div >
< / h3 >
< / h3 >
< div class = "flex flex-col gap-2" >
< div class = "grid grid-cols-2 gap-10" >
< span class = "flex justify-between items-end"
< div class = "flex flex-col gap-2" >
>< b class = "text-lg" > Agro IT - Graduation project< / b >
< span class = "flex justify-between items-end"
< p class = "text-sm" > 2024< / p > < /span
>< b class = "text-lg" > Agro IT - Graduation project< / b >
>
< p class = "text-sm" > 2024< / p > < /span
< p class = "text-sm text-gray-800 dark:text-gray-100" >
>
I also did my graduation project at Agro IT, where I will build a complete system
< p class = "text-sm text-gray-800 dark:text-gray-100" >
around employee management, time tracking and employee payouts that integrates with
I also did my graduation project at Agro IT, where I built a complete system around
existing infrastructure and streamline the administrative process within the company
employee management, time tracking and employee payouts that integrates with
as well as for customers.
existing infrastructure and streamline the administrative process within the company
< / p >
as well as for customers.
< / div >
< / p >
< / div >
< div class = "flex flex-col gap-2" >
< div class = "flex flex-col gap-2" >
< span class = "flex justify-between items-end"
< span class = "flex justify-between items-end"
>< b class = "text-lg" > Agro IT< / b >
>< b class = "text-lg" > Agro IT - 3rd year internship < / b >
< p class = "text-sm" > 2023< / p > < /span
< p class = "text-sm" > 2023< / p > < /span
>
>
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
Agro IT is an agricultural software company in The Netherlands. In my 5 month long
Agro IT is an agricultural software company in The Netherlands. In my 5 month long
internship I developed a new modern web app that connected to their existing APIs and
internship I developed a new modern web app that connected to their existing APIs
made it possible for customers to use their systems from anywhere.
and made it possible for customers to use their systems from anywhere.
< / p >
< / p >
< / div >
< / div >
< div class = "flex flex-col gap-2" >
< div class = "flex flex-col gap-2" >
< span class = "flex justify-between items-end"
< span class = "flex justify-between items-end"
>< b class = "text-lg" > Witteveen+Bos< / b >
>< b class = "text-lg" > Witteveen+Bos< / b >
< p class = "text-sm" > 2022< / p > < /span
< p class = "text-sm" > 2022< / p > < /span
>
>
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
Witteveen+Bos is a major worldwide agricultural software company. During my internship
Witteveen+Bos is a major worldwide agricultural software company. During my
me and my team developed a generic authentication system in Django that would be used
internship me and my team developed a generic authentication system in Django that
as a customized plug-in template for new projects at the company.
would be used as a customized plug-in template for new projects at the company.
< / p >
< / p >
< / div >
< / div >
< div class = "flex flex-col gap-2" >
< div class = "flex flex-col gap-2" >
< span class = "flex justify-between items-end"
< span class = "flex justify-between items-end"
>< b class = "text-lg" > AgroVision< / b >
>< b class = "text-lg" > AgroVision< / b >
< p class = "text-sm" > 2021< / p > < /span
< p class = "text-sm" > 2021< / p > < /span
>
>
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
AgroVision is a Dutch software company for farmers. During my internship I worked on
AgroVision is a Dutch software company for farmers. During my internship I worked on
an app that generates reports about CO2 usage on farms and informs the farmer on how
an app that generates reports about CO2 usage on farms and informs the farmer on how
to reduce thecir emmissions.
to reduce thecir emmissions.
< / p >
< / p >
< / div >
< / div >
< div class = "flex flex-col gap-2" >
< div class = "flex flex-col gap-2" >
< span class = "flex justify-between items-end"
< span class = "flex justify-between items-end"
>< b class = "text-lg" > SuiteSeven< / b >
>< b class = "text-lg" > SuiteSeven< / b >
< p class = "text-sm" > 2019< / p > < /span
< p class = "text-sm" > 2019< / p > < /span
>
>
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
SuitSeven is a local webdevelopment studio. During my internship I worked on the
SuitSeven is a local webdevelopment studio. During my internship I worked on the
design for a client's website.
design for a client's website.
< / p >
< / p >
< / div >
< / div >
< div class = "flex flex-col gap-2" >
< div class = "flex flex-col gap-2" >
< span class = "flex justify-between items-end"
< span class = "flex justify-between items-end"
>< b class = "text-lg" > Profity< / b >
>< b class = "text-lg" > Profity< / b >
< p class = "text-sm" > 2018< / p > < /span
< p class = "text-sm" > 2018< / p > < /span
>
>
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
Profity is a software company creating ERP suites for the Dutch steel industry. During
Profity is a software company creating ERP suites for the Dutch steel industry.
my internship I learned the dynamics of a team and the different processes involved in
During my internship I learned the dynamics of a team and the different processes
software development.
involved in software development.
< / p >
< / p >
< / div >
< / div >
< / div >
< / Card >
< / Card >
< / span >
< / span >
< span class = "@2xl:col-span- 2 ">
< span class = "@2xl:col-span- 1 ">
< Card buttonHref = "https://furality.org/" buttonText = "🦊 Visit furality.org" >
< Card buttonHref = "https://furality.org/" buttonText = "🦊 Visit furality.org" >
< div class = "grid grid-cols-2 gap-10" >
< div class = "w-full flex flex-col gap-5" >
< div class = "w-full flex flex-col gap-5" >
< h3
< h3
class="w-full text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between"
class="w-full text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between"
>
>
< div class = "inline-flex gap-3" >
< div class = "inline-flex gap-3" >
< img src = "/fox.png" class = "h-8" alt = "furality" / > Furality
< img src = "/fox.png" class = "h-8" alt = "furality" / > Furality
< / div >
< / div >
< span class = "text-sm font-light" > 2023 and ongoing< / span >
< span class = "text-sm font-light" > 2023 and ongoing< / span >
< / h3 >
< / h3 >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
Furality is a nonprofit organisation that organises Furality Online Experience
Furality is a nonprofit organisation that organises Furality Online Experience
(F.O.X.), the largest online furry convention in the world hosted inside VRChat.
(F.O.X.), the largest online furry convention in the world hosted inside VRChat.
< br / > < br / >
< br / > < br / >
Since December 2023 I volunteer for Furality Inc. as a Backend Developer. I work together
Since December 2023 I volunteer for Furality Inc. as a Backend Developer. I work together
with the rest of the DevOps Department to work on APIs and systems that use things such
with the rest of the DevOps Department to work on APIs and systems that use things such
as TypeScript, NestJS, Grafana, Prometheus, RabbitMQ, Authentik, C#, Unity, and more.
as TypeScript, NestJS, Grafana, Prometheus, RabbitMQ, Authentik, C#, Unity, and more.
< br / > < br / >
< br / > < br / >
I am mainly tasked with developing Furality's in-house OIDC system, and expanding Furality's
I am mainly tasked with developing Furality's in-house OIDC system, and expanding Furality's
Unity plugins. But I also work on upgrading and scaling queue runners, updating existing
Unity plugins. But I also work on upgrading and scaling queue runners, updating existing
APIs that connect with Discord, Patreon, VRChat and others to run the convention itself,
APIs that connect with Discord, Patreon, VRChat and others to run the convention itself,
and maintaining databases and infrastructure surrounding the systems.
and maintaining databases and infrastructure surrounding the systems.
< / p >
< / p >
< / div >
< img
src="/furalitypic.png"
class="rounded-xl w-full aspect-square object-cover"
alt="Picture of some people from the DevOps Team"
/>
< / div >
< / div >
< / Card >
< / Card >
< / span >
< / span >
< span class = "@xl:row-span-3"
<!-- <span class="@xl:row - span - 3">
< Card >
< Card >
< h3 class = "text-xl font-bold flex-wrap inline-flex items-center gap-3" >
< h3 class = "text-xl font-bold flex-wrap inline-flex items-center gap-3" >
< img src = "/homepage/esu.png" class = "h-10 rounded-full bg-black p-1" alt = "esu" / > Easter System
< img src = "/homepage/esu.png" class = "h-10 rounded-full bg-black p-1" alt = "esu" / > Easter System
@ -302,35 +325,7 @@
< img src = "/homepage/esubanner.png" alt = "cover of act 1" / >
< img src = "/homepage/esubanner.png" alt = "cover of act 1" / >
< / span >
< / span >
< / Card >
< / Card >
< / span >
< / span > -->
< span class = "@2xl:row-span-2" >
< Card >
< h3 class = "text-xl font-bold flex-wrap inline-flex items-center gap-3 justify-between" >
< div class = "inline-flex gap-3" > ⚔️ Skills< / div >
< / h3 >
< p class = "text-sm text-gray-800 dark:text-gray-100" >
I can work with a wide range of systems, frameworks and technologies! I have a lot of
common knowledge around computer software and hardware that i can use to quickly adapt
to new languages and frameworks. Here is a constantly expanding list of some of the
things I am comfortable and like working with:
< / p >
< div id = "scroll-container" class = "flex flex-wrap gap-1 w-full text-center" >
{ #each words as word , key }
< p >
{ #if key == words . length - 2 }
{ @html word } and
{ :else if key == words . length - 1 }
{ @html word } .
{ : else }
{ @html word } ,
{ /if }
< / p >
{ /each }
< / div >
< p class = "text-sm font-bold italic pt-5" > ... and always eager to try out new things!< / p >
< / Card >
< / span >
< span class = "@xl:row-span-2 @container" >
< span class = "@xl:row-span-2 @container" >
< Card >
< Card >
