Marsdon Studio

Bob Marsdon

Frontend / Fullstack Developer

Ik ontwikkel complexe webapplicaties met oog voor detail, structuur en gebruikservaring. Met een achtergrond in informatica, wiskunde en muziek.

Portret van Bob Marsdon

Werk

Projecten

2025

Caucasian Language Library

Ontwikkeling van een online bibliotheek voor minderheidstalen in de Kaukasus, met weergave van teksten, vertalingen, metadata en multimedia. Inclusief een custom adminomgeving voor contentbeheer.

Stack: React · TypeScript · TailwindCSS · Node.js · Fastify · Prisma · PostgreSQL · TanStack Query

Caucasian Language Library
2018 - 2025

Denksport PLAY

White-label puzzelplatform dat wordt gebruikt door grote mediapartijen en is doorontwikkeld tot het B2C-platform Denksport PLAY. Ik werkte aan de frontend van het platform, waaronder:

  • Ontwikkeling van verschillende puzzeltypes
  • Complexe grid- en zoomsystemen
  • Real-time multiplayer (SignalR)
  • CSS-generator voor white-label configuraties
  • Fullscreen en interactieverbeteringen

Stack: TypeScript · React · Redux · Playwright · Webpack · Docker

Denksport PLAY
2025

ESTA Nederland

Herstructurering en modernisering van een bestaande WordPress-website, met vernieuwde vormgeving, typografie en responsive layout, en het oplossen van functionele problemen.

Stack: WordPress · TailwindCSS · PHP · ACF · Vite

ESTA Nederland
2023

LocatieLAB

Doorontwikkeling van een bestaande React-applicatie met interactieve kaart (Mapbox). Onder meer gewerkt aan:

  • Implementatie van een nieuw ontwerp
  • Tekenmodule voor percelen
  • Programmatische PDF-rapportage
  • Uploadfeature
  • Uitbreidingen in de adminomgeving

Stack: React · Styled Components · Node.js · Express · Sequelize · PostgreSQL · Mapbox · Docker

LocatieLAB
2022

Clarify

Implementatie van het volledige ontwerp voor Verkeersverwachtingen.nl (gemeente Utrecht) in WordPress, inclusief interactieve kaart met werkzaamheden en reisopties en gestylde formulieren.

Stack: WordPress · Sage · PHP · ACF · Mapbox · Gravity Forms · Gulp

Clarify
2012 - 2017

De Persgroep (DPG Media)

Ontwikkeling van actie- en campagnewebsites, interne tools en statistiekenpagina’s. Ook een CMS gebouwd waarmee marketingafdelingen zelfstandig actiesites konden aanmaken en beheren.

Stack: PHP · JavaScript · jQuery · MySQL · HTML · CSS

De Persgroep (DPG Media)

Persoonlijk werk

Eigen projecten

Zèta Trio LiveZèta Trio Live tweede screenshot

Mobiele webapplicatie

Zèta Trio Live

Webapplicatie ontwikkeld voor live optredens van het Zèta Trio, waarin publiek via hun telefoon real-time informatie en visuals over de muziek kon volgen.

Stack: React · JavaScript · Socket.IO · VexFlow

Musician's PlatformMusician's Platform tweede screenshot

UX concept & prototype

Musician's Platform

Onderzoek en ontwerp van een platform voor musici om repertoire, studiemomenten en concerten te organiseren. Prototype ontwikkeld in Adobe XD als onderdeel van mijn masteronderzoek klassieke piano.

Stack: Adobe XD · UX design · Research

HuishoudappsHuishoudapps tweede screenshot

Persoonlijke tools

Huishoudapps

Twee webapplicaties voor eigen gebruik: één voor het automatisch plannen van maaltijden en boodschappen, en één voor het structureren van huishoudelijke taken met visuele statusbalken en credits.

Stack: React · Firebase · Firestore · Product logic · Gamification

Over mij

Frontend focus, brede technische basis

Ik ben een full-stack developer met focus op frontend. Ik combineer technische precisie met een creatieve blik en werk graag aan complexe interfaces en goed ontworpen toepassingen.

Mijn achtergrond ligt in informatica en wiskunde (Universiteit Leiden), aangevuld met een opleiding tot klassiek pianist (Koninklijk Conservatorium).

Ik werk voornamelijk met React en TypeScript, en heb daarnaast ruime ervaring met backend-ontwikkeling. Momenteel verdiep ik me verder in Next.js.

Naast development ben ik actief als pianist. Bekijk marsdon.nl

Contact

Neem contact met me op

Tech stack

Technologieën & workflow

Frontend

ReactNext.jsTypeScriptJavaScriptTanStack QueryTailwindCSSStyled ComponentsSassHTMLCSS

Backend

Node.jsExpressFastifyPrismaSequelizePostgreSQLMySQLPHP

Tools & workflow

ViteWebpackDockerDigitalOceanNetlifyVercelGit / GitHubESLintPrettierPlaywrightMapboxFigmaScrum / AgileJira