Overslaan en naar content gaan
Expertise

Web Development

Web Development

Doelgerichte techniek per project

Een website, webapplicatie of e-commerceplatform ontwikkelen die technisch goed in elkaar zit én aansluit op jouw doelen. Ik help je bij het maken van de juiste technische keuzes, van het verbeteren van een bestaand project tot het ontwikkelen van een compleet nieuw project.

Met ervaring in HTML, CSS, JavaScript, Vue.js en Nuxt ondersteun ik projecten van ontwerp tot technische uitvoering. Mijn basiskennis van PHP helpt mij om ook binnen bestaande technische omgevingen mee te denken. Daarnaast werk ik momenteel aan verschillende Shopify-projecten, waarbij design, development en content samenkomen.

Dankzij mijn multidisciplinaire achtergrond in UX/UI en vormgeving kan ik je ondersteunen bij technische keuzes voor een gebruiksvriendelijke en schaalbare oplossing.

Performance
BuildDeploy
Front-end Development Architectuur
01—Fundament

Een sterke basis voor front-end development

Modulaire componenten

Componenten/Vue.js/Nuxt

Binnen het Nuxt-framework werk ik met herbruikbare Vue.js-componenten. Zo ontstaat een overzichtelijke en schaalbare codebase, waarbij dubbele code zoveel mogelijk wordt voorkomen.

Schaalbare code

TypeScript/ESLint/Codekwaliteit

Aandacht voor een duidelijke en consistente projectstructuur op het gebied van mappen, bestanden en API-koppelingen. Geen lange codeblokken, maar logische en overzichtelijke code die goed te onderhouden is.

Git & versiebeheer

Git/GitHub/Pull requests

Zowel in kleine als grote projecten zijn branches, pull requests en versiebeheer onmisbaar voor het gecontroleerd ontwikkelen van wijzigingen en efficiënt samenwerken.

Web performance

Performance/Toegankelijkheid/Webstandaarden

Een snelle en toegankelijke website begint bij een goede technische basis. Ik let op performance, toegankelijkheid en het volgen van actuele webstandaarden.

Werkervaring

Achtergrond en expertise

Bekijk de actuele tech-stack, ontwerpmethodiek en ervaring. Zie direct hoe design en techniek jouw webapps en projecten versterken.

Online Resume Educatie
02—Stack

Technologie die past bij het project

Bootstrap
UIGridFront-end

Een bewezen basis voor responsive interfaces en consistente layouts. Handig voor projecten die snel en gestructureerd doorontwikkeld moeten worden.

TailwindCSS
UIFlexHeadless

Flexibele styling zonder vast te zitten aan een standaard componentenset. Geschikt voor maatwerk en een consistente visuele uitwerking.

Shopify
EcommerceThemes

Een toegankelijke basis voor e-commerce met veel mogelijkheden voor maatwerk. Geschikt voor webshops waarbij design, content en verkoop samenkomen.

Vue.js
FrameworkJavascriptUI

Een reactief JavaScript-framework voor interactieve interfaces die direct reageren op veranderingen in data. Hierdoor blijven interfaces dynamisch en prettig uitbreidbaar.

TypeScript
TypescriptLogicDevelopment

Voegt extra structuur en controle toe aan JavaScript. Dit helpt om fouten eerder te signaleren en projecten overzichtelijk te houden.

Heroicons
IconsUISVG

Een consistente set SVG-iconen voor digitale interfaces. Schaalbaar, licht en eenvoudig toe te passen binnen verschillende ontwerpen.

Supabase
PostgresAPIsStorageAuth

Combineert database, API's, opslag en gebruikersauthenticatie in één omgeving. Hierdoor is een complete technische basis voor webapplicaties beschikbaar.

Nuxt
Full-StackJavascriptVue

Bouwt voort op Vue.js en biedt mogelijkheden voor zowel front-end als server-side development. Geschikt voor schaalbare websites en webapplicaties.

Netlify
HostingDeployment

Maakt hosting en deployments eenvoudig en overzichtelijk. Wijzigingen kunnen automatisch vanuit een repository naar een live omgeving worden gepubliceerd.

GitHub
VersiebeheerCloud

Geeft structuur aan versiebeheer en samenwerking. Handig om wijzigingen bij te houden, samen te werken en verschillende versies van een project te beheren.

HTML5
HTMLMarkupWebstandaarden

De basis van iedere website. Semantische HTML draagt bij aan toegankelijkheid, structuur en een goede technische basis.

CSS & SCSS
CSSStylingDesign

Hiermee stel ik onder andere kleuren, spacing, typografie en responsive gedrag in. Zo kan ik een ontwerp visueel nauwkeurig en consistent uitwerken.

03—Impact

Wat je mag verwachten van mijn technische aanpak

01
SamenwerkenGoede projecten ontstaan door samenwerking. Ik werk graag samen met ontwerpers, developers en andere betrokkenen en vind het belangrijk om kennis, ideeën en feedback te delen.
02
Gestructureerd werkenMet branches, pull requests en versiebeheer kan ik zelfstandig werken, maar ook goed aansluiten binnen een bestaand development team.
03
Breed inzetbaarVan een kleine aanpassing in HTML tot front-end development met Vue.js en Nuxt, of het ontwikkelen en inrichten van een WordPress- of Shopify-project. Afhankelijk van de vraag kijk ik waar ik het beste kan bijdragen.
04
Overzichtelijke codeIk houd van een duidelijke en overzichtelijke codebase. Met een logische componentstructuur en efficiënte styling voorkom ik onnodige code en blijft een project goed te onderhouden.
05
Modern frameworkMet Vue.js en Nuxt kan ik projecten stap voor stap uitbreiden en inspelen op veranderende behoeften, zonder direct de bestaande structuur overhoop te halen.
06
Open voor uitdagingNiet ieder project vraagt om dezelfde techniek. Ik sta open voor andere frameworks, stacks en bestaande architecturen en vind het interessant om mij daarin te verdiepen wanneer een project daarom vraagt.
Kennismaken

Zullen we samen jouw volgende project oppakken?

Of het nu gaat om een complexe webapp, meer rendement uit je webshop, of het grafisch ontwerp van je nieuwe flyers en branding. Ik denk graag met je mee. Laten we kennismaken en kijken hoe we jouw ideeën vertalen naar een ijzersterk resultaat.