background graphic

01000100 experiences

Welcome to Jeroen's collection of web development, tech experiments and digital-physical interfaces

KeesingApp

Full stack

Expo, React Native, SQLite, i18n, styled components

KeesingApp simplifies counterfeit detection for passports, ID cards, driver's licenses, and banknotes. It supports 3 types of security feature detection: Look, Feel and Tilt.

Look shows detailed imagery of a documents security features, while Feel informs the user ahout tactile specifications.Tilt information is obtained through holographic images of your documents by tilting your device.

ios
KeesignApp overviewKeesignApp tiling examples

Spotten

App & Frontend

React Native, React, TS, styled components,

Spotten is an app platform that makes parking for companies a breeze.

Users can make reservations, start parking transactions, open parking barrier gates and control when their parking sessions ends. While admins can control all these processes from the Spotten dashboard.

Spotten is an initiative by Dura Vermeer

claim your spot
Spotten appSpotten dashboard

Zelf

Full stack

React, AWS, Lambda, DynamoDb, Cognito, Contentful, GraphQL, Mollie

Zelf is the personal dashboard for entrepreneurs who are starting their self-employed journey.

Based on the user's requirements, Zelf offers tailored information about Business, Sales, Administration, Risks management, Accounting and Banking.

zelf.nl
Zelf overview

DocumentChecker

Frontend

NextJS, TS, ReactQuery, Mantine

Keesing's DocumentChecker database contains the world's most comprehensive and accurate reference information for ID documents and banknotes.

It contains banknotes and ID documents from over 200 countries, and holds 70,000 images including security features like holograms and microprint.

inspect
DocumentChecker promo desktop

Talentefinder

Frontend

React, TS, styled components, Redux, Storybook

Talentefinder is the number 1 match making application for career events. Recruiters and talents can use the match making interface to find the perfect career opportunity and the class' best talents.

In 2021 the application held over 100 events with more than 35000 talents. As the frontend developer of this team, I ensure that the application runs smoothly and that new features are implemented effectively. Some of my proudest achievements include: implementing localisation, implementing updated brand identity, developing the job platform with payment subscription and much more.

visit marketing site
Talentefinder main

Heysports

Full stack

NextJs, MUI, Strapi, Stripe, SendGrid, Netlify

Heysports.io is the place for finding fitness and yoga studios in the Basel, Bern, Luzern, St Gallen and Zurich. The site offers users an overview of the studio details and interesting articles for improving your lifestyle

For this site I developed the frontend, created the component library, integrated the filtering functionality with map and appealed to the search engine gods.

heysports.io
Heysports landing pageHeysports studio overview page

Top secret

Full stack

NextJs, TS, Mapbox, MUI, Wordpress CMS

███ ███ ██████ ████ ██ ████ █ █████████ ███ █████ ██ ████████ ████████ ███ ██████ ██████ █████ ██ ██████ ██ ██████ ███ █████ ████ ██ █████ ██ ███ ██ ███████ ████████ ██ ███ ████████████

███ ████ ██████ █ ███ ████████████ ███ ███ ████████ ███████████████ █████████ █ ███ ███ ████ ████████ ██ █ ████████ █████ ███ ██ ████ ██ ███ ███████████ ████ ███ █ █████████ ███████ █████ ███ ███████ ██ ████████

DHI GRAS - Development

Frontend

React, TS, MUI, Mapbox

Between 2018 and 2020, I have been working at DHI Gras where I was responsible for almost all digital output.

The web development focussed on online data viewers and portals through which we raised awareness for our products and projects. I streamlined the design, implemented a mobile-friendliness focus and improved the techstack to include the most modern frontend frameworks.

It resulted in over 2 dozen viewers and new ways of sharing and promoting our work.

see the portals
dhi gras development maindhi gras development second

DHI GRAS - Design

Design, motion animation

Wordpress, Elementor, After Effects

During my time at DHI GRAS, I was responsible for defining a graphic style and increasing the organisation’s online presence.

This required us to esteblish a online brand identity and a streamlined tone for communication. It resulted in a new DHI GRAS website developed in Wordpress with Elementor, and dozens of SoMe videos that have gained significant online attention.

more details
dhi gras design websitedhi gras design videos

Darkweb

Frontend

P5.js HTML CSS

Dark Web is an internet-based digital music release by sound artist Morten Poulsen.

Through a combination of composed music and interactive visuals, Dark Web creates space and time for Deep Listening.

Audio implementation by Martin Sohn Østergaard. Visual Design and Interaction Design by Jeroen Derks.

direct darkweb access
darkweb_1darkweb_2

Reitzenstein

Frontend

React, TS, Rellax

Reinhard Reitzenstein is the allegorical minimalist. If you have to ask, you'll never know....

The website shows an overview of 30 years of Reitzensteins work. The order is reordered on rerender while the parralax scoll represents the non-linear flow of the natural world. Which description is inversed?

www.reitzenstein.art
Reinhard mainReinhard second

Jeroen Derks

Experienced Full-stack Developer with a passion for design and collaboration. Proficient in React, NextJS and TypeScript across app, frontend and backend development. Passionate about boosting quality of work and facilitating team growth. Let's build some great online and offline experiences together!

mug_shot

Favorite experiences:

Frontend developer / Label A

Amsterdam, NL / 2022 - current

Frontend developer / LAUDO

Berlin, DE / 2020 - 2022

Frontend developer and designer / DHI GRAS

Copenhagen, DK / 2018 - 2020

Developer and interaction designer / YOKE

Copenhagen, DK / 2017

VR post production assistent / Makropol

Copenhagen, DK / 2017

Research assistant and co-author / RELATE AAU

Aalborg DK/ 2017

Education:

Art & Technology BA/ Aalborg University

Aalborg, DK/ 2013 - 2016

International Communication and Media BA/ Utrecht UoAS

Utrecht, NL/ 2008 - 2013

CV