Als gewaardeerd lid van het MijnKPN ontwikkelteam voor mobiele apps van KPN, bracht ik mijn technische vaardigheden, gebruikmakend van gevestigde technologieën zoals React Native en Typescript om geweldige resultaten te leveren. Daarnaast hebben we verschillende andere tools en technologieën gebruikt, waaronder TypeScript, Styled Components, Appium en Fastlane om een soepel en efficiënt project te garanderen.

Als lid van het frontend team van Mobiel.nl was ik verantwoordelijk voor de ontwikkeling van interne webapplicaties en de hoofdwebshop van de klant met behulp van React, TypeScript en GraphQL. Ik beheerde gedeelde bibliotheken met Rush en onderhield de app binnen een Ruby on Rails omgeving. Ik scheidde GraphQL als zijn eigen microservice met behulp van Elixer. Daarnaast heb ik mij gericht op het verbeteren van de CI/CD-pijplijnen met drone- en geautomatiseerde Jest-tests. Ook Ik heb Cypress en Chromatic in het project geïntroduceerd voor efficiënte E2E en visual testing, bijgedragen aan de ontwikkeling van nieuwe functies voor de webshop de algehele structuur van de applicatie verbeterd. We zijn later daarna gemigreerd naar Next.js na het experimenteren met verschillende SSR-oplossingen.

Dit was een volledig remote project waarbij we met een internationaal team werkten aan een interne LeasePlan-applicatie. We werkten hiervoor nauw samen met Data Scientists en Data Engineers om een nieuwe, door AI beïnvloede tool voor voertuigprijzen op te zetten, die nu door bijna elk land wordt gebruikt. Als iemand die graag leert over AI en ML buiten het werk, was dit een interessant project. Aangezien dit een Greenfield-project was, hebben wij, het frontend-team, de stack hiervoor gekozen. In plaats van voornamelijk React en Redux zoals gewoonlijk door te geven, hadden we de kans om te experimenteren met React en React Query als de belangrijkste bibliotheek voor gegevensbeheer. Het project is vanaf dag één gebouwd in TypeScript binnen een Next.js-omgeving en elk sectie is gecontaineriseerd met behulp van Docker. Het gebruik van deze stack op deze schaal was een behoorlijk leerzame ervaring op en biedt veel inzicht in een wereld waar iets anders dan Redux ongehoord is of in ieder geval niet serieus wordt genomen. Er is voornamelijk getest met Cypress en Chromatic, Omdat de app bestaat uit veel multi step actions. Dit maakte Jest alleen voordelig voor (simpel) logische component.

Ik heb met het DocGen-team gewerkt. DocGen is een tool voor huisstijlbeheer. Deze tool is gebouwd in AngularJS en we hebben gewerkt aan het converteren en migreren naar React met intensief gebruik van TypeScript. Veel interactieve React-componenten heb ik van scratch gebouwd, omdat de meeste zeer specifiek waren. Denk aan WYSIWYG-editors en heel veel Drag en Drop componenten door de app.

Ik heb aan het InCharge-project gewerkt. Ze hadden al een bestaand platform gebouwd in vanilla JavaScript/TypeScript dat we hebben gemigreerd naar VueJS met "in" het Nuxt.js framework. (Nuxt.js is het equivalent van Next.js in de "React-wereld")

We hebben een nieuwe mobiele app voor YMOR gebouwd in React Native en TypeScript met een paar Native componenten. De Native componenten zijn gebouwd met Kotlin en wat Java voor Android en Swift voor iOS. Deze app werd gebruikt voor realtime monitoring van de IT prestaties, downtime en serverproblemen. Aangezien dit een greenfield-project was, was het in de eerste plaats bedoeld als een proof of concept met een strakke deadline besteedden we minimale tijd aan het testen en opzetten van CI/CD-pipelines. Om onze geautomatiseerde tests en release beheren, kozen we voor Atlassian Bitbucket's geïntegreerde pipelines, die misschien niet zo uitgebreid zijn als andere opties, maar bood een snelle en effectieve manier om een functionele release flow tot stand te brengen en onze aandacht te richten op het ontwikkelen van de proof of concept.

Ik werkte als lead developer aan een mobiele applicatie die BluetoothLE gebruikt om met apparaten te communiceren en aan een webapplicatie voor bedrijfsbeheer. Deze app is gebouwd met behulp van React Native. Naast de mobiele app heb ik ook gewerkt aan een bestaand React/Laravel (Typescript/PHP) project met Apollo en GraphQL. Voor ons automatiserings- en implementatiebeheer gebruikten we Docker en Kubernetes samen met Jenkins als onze CI/CD-tool.

Ik werkte aan een mobiel applicatieplatform dat door veel titels van De Persgroep wordt gebruikt. AD en HLN zijn titels waar we veel mee hebben gewerkt. Ik heb de eerste 5 maanden aan een bestaande app gewerkt, voornamelijk aan nieuwe functies en ervoor zorgen dat de app op elk moment stabiel was. De rest van mijn tijd heb ik intern bij De Persgroep I gewerkt aan een POC met een kleiner team. De eerste versie van dit project is nu vrijgegeven in de HLN-app. Dit was een React Native-app met Flow en veel Native functionaliteiten gebouwd in Swift en Kotlin. Na een paar maanden, en veel discussies, hebben we TypeScript geïntroduceerd en Flow gedumpt. Het project maakte gebruik van de CI/CD-service van GitLab. Dit stelde ons in staat om gemakkelijk de volledige cyclus te managen, test- en implementatie processen te automatiseren, en snel te reageren op problemen. De pipeline is geïntegreerd met monitoring- en waarschuwings tools, om ons op de hoogte te houden van eventuele problemen die zich tijdens de implementatie hebben voorgedaan. Over het algemeen was GitLab's CI/ CD-service van cruciaal belang voor het succes van het project en hielp het ons code van hoge kwaliteit efficiënt te leveren. Het team bestond uit ongeveer 30 ontwikkelaars en 3 ontwerpers.

Gillz ontwikkelt intelligente applicaties voor Web, iOS en Android. Meestal gerelateerd aan digitale innovatie in de zorg. Hier heb ik voornamelijk gewerkt met React, React Native, TypeScript, NodeJS, SOAP/XML, .NET (Xamarin), Swift/Objective-C en Java.

Ik specialiseerde me in creatieve en innovatieve technische oplossingen, meestal met behulp van VueJS, PHP, en het Laravel-framework, met enkele microservices mogelijk gemaakt door Node.JS. Deze combinatie is met name waardevol voor het afhandelen van zware gelijktijdige verzoeken en non-blocking I/O-streams, gebieden waar Node.js uitblinkt en PHP worstelt.

Ik heb gewerkt aan een interne applicatie voor het beheer van services en alle gerelateerde inhoud van het bedrijf. Deze applicatie bevat een CMS en een alleen-lezen interface voor gasten in VueJS. De backend is gebouwd in NodeJS (Express) met TypeScript en MongoDB als de database. Een van de uitdagingen was het managen van veel dynamische rollen en een startpunt van 120 verschillende machtigingen. Een groot deel van het project ging over het bouwen van een interface voor het beheer van alle rollen en machtigingen. Rollen en machtigingen kunnen volledig worden beheerd binnen het dashboard door admin-medewerkers met minimale technische kennis. Er zijn veel uren besteed aan het begrijpen van hun interne toegangscontrole model om dit te vertalen in een intuïtieve en beheersbare GUI. De tweede grote uitdaging was de ondersteuning voor real-time bewerkingen door meerdere gebruikers op heel groot formaat documenten. Dit maakte de keuze voor Web Sockets een duidelijk, om alle single en multi-user input af te handelen in realtime. Ik heb een combinatie van HTTP Chunking en Streams gebruikt, om de prestatieproblemen op te lossen die van nature ontstaan bij het omgaan met enorme bestanden die in realtime door 100 users kunnen worden bewerkt. Aangezien dit nu de "belangrijkste" app is die in het bedrijf wordt gebruikt, was de stabiliteit buitengewoon belangrijk. De schatting was dat 100 gebruikers op elk willekeurig moment documenten live bewerken. Om comfortabel de verwachte stabiliteit te garanderen, zijn alle gerelateerde geautomatiseerde tests gebaseerd op 1.000 gebruikers die een specifiek document live bewerken. Voor eenvoudig scaling heb ik alles gecontaineriseerd in Docker.

Een real-time mobiele applicatie gebouwd met React Native en TypeScript. Het steunt op een NodeJS-gatewayserver, de realtime database van Firebase, Google Cloud Functions en maakt gebruik van de complete styleguide voor design. Om de projectworkflow te verbeteren, begon ik met het implementeren van een geautomatiseerde release- en development pipeline ter vervanging van het handmatige proces. Ik gebruikte CircleCI voor de CI/CD-integratie en stapte over van Karma naar Jest voor geautomatiseerd testen. De belangrijkste reden voor deze wijziging was de naadloze integratie van Jest met React en de ingebouwde testrunner binnen het framework.

De mobiele applicatie is gebouwd in React Native en de webinterface in React. Beide applicaties zijn vanaf het begin gebouwd met TypeScript. De mobiele app zit vol met overgangen en animaties en is getest met Jest en React Testing Library. De back-end die we bouwden functioneerde alleen als een datalaag en een API voor de app nl web-app. Voor de back-end hebben we het framework Lumen gebruikt, dit is een micro framework gebaseerd op Laravel. Ik was de enige front-end developer van dit team met 2 andere designers en een back-end ontwikkelaar. De focus lag op mobiel en web-app, maar vanwege mijn ervaring in back-end development met PHP heb ik best veel kunnen bijdragen aan de ontwikkeling van de API. Voor de back-end hebben we besloten om Laravel Forge te gebruiken als onze CI/CD-processen vanwege zijn eenvoud en gebruiksgemak. Laravel Forge biedt een gestroomlijnd en efficiënt setup proces, waardoor we snel servers kunnen configureren en onze code kunnen implementeren. Bovendien biedt Forge uitstekende beveiligings- en bewakingsfuncties, wat bijdraagt aan de betrouwbaarheid en stabiliteit van ons implementatieproces.