# tclaes.eurosky.social (@tclaes.eurosky.social)

Profile: https://sifa.id/p/tclaes.eurosky.social
Headline: Front end engineer | Front end Architect | Actief op zoek naar een volgende uitdaging
Location: Beringen, Vlaanderen, België

## About

Ik werk als Front End Crafter aan schaalbare weboplossingen met een sterke focus op frontend, UI/UX en web accessibility. Ik haal veel energie uit het vertalen van complexe noden naar duidelijke, intuïtieve interfaces die echt waarde toevoegen.Naast frontend-werk heb ik ook ervaring met full-stack development en het bouwen van digitale oplossingen van concept tot implementatie. Daardoor kijk ik graag verder dan alleen het visuele en denk ik mee over structuur, performance, onderhoudbaarheid en gebruikerservaring.In Agile teams werk ik graag samen met designers, developers en andere stakeholders om moderne platformen en design systems uit te werken die consistentie, kwaliteit en impact brengen.

## Experience

- **Front End Crafter at we+ Benelux** (2021 – 2026)
- **Front End Engineer at Cegeka** (2018 – 2021)
  Front End engineer
  \- Ervaring met Angular, Drupal, GraphQL
- **Web Application Developer at QNH Consulting aqcuired by Cegeka** (2017 – 2018)
  Application developer
- **Technical support engineer at Visuatech** (2015 – 2017)
  Ondersteuning aan beveiligingsinstallateurs  Testing en ontwikkeling smart solutions;
  \- Smart cameras (Macroscop, Privendo, ...)
  \- Facial recognition (Herta security)
  \- Mobiele cameraoplossingen (Verhuur camerapalen, Strops technologies, VPN, Snapshots, Timeline, ...)
- **Commercieel medewerker @ Eurosys Heusden at Arcoom bvba** (2012 – 2014)
  Sales Multimedia, IT & Telecom
- **Sales / Technician / Marketing at Xedos bvba** (2008 – 2011)
  Verkoop van IT/Telecom/Multimedia producten  en diensten  Product management
  \- Product assortiment uitzetten
  \- Samenstellen eigen pc lijn (hardware & software)  Opzetten en onderhouden van de webshop ( Prestashop ) Creëren van advertenties (online & offline)
  \- Nieuwsbrief (YMLP, Mailchimp)
  \- Print (Adobe Photoshop, Adobe Indesign)
  \- Online advertenties
  \- Google Adwords  Technische dienst bijstaan (advanced system care)
- **Technical Support Engineer at IPG GROUP** (2006 – 2007)
  Technical support for Telenet (Internet & telephony)

## Education

- **freeCodeCamp** — Full Stack Web Development Certification (2017 – 2017)
- **Sint Fransiscuscollege Campus Heusden** — Informatics (2001 – 2004)
- **KU Leuven Faculteit Industriële Ingenieurswetenschappen - Campus Groep T Leuven** — Graduaat (2008 – 2011)
- **Udacity** — Nanodegree (2017 – 2018)
- **Hogeschool West-Vlaanderen - Vlaamse Autonome Hogeschool** (2004 – 2006)
- **VDAB** — Enterprise Java developer (2017 – 2017)
- **VDAB** — Java Programming Fundamentals (2017 – 2017)

## Skills

- Chart.js
- Prismic CMS
- AI-softwareontwikkeling
- Full-stack development
- Front-end ontwikkeling
- Webontwikkeling
- MEAN stack
- JavaScript libraries
- Web Components
- Netlify
- HTML
- CSS
- Angular
- Typescript
- JavaScript
- UX/UI Ontwerp
- Applicatie-architectuur
- Webcomponenten
- RxJS
- Jest
- E-commerce
- Vitest
- Atomic design
- Storybook
- Figma
- Cypress
- DevOps
- JIRA
- Scrum
- GitHub Copilot
- Anthropic Claude
- SQL
- Node.js
- GraphQL
- Express.js
- Drupal
- Twig
- Spring Boot
- Azure DevOps
- PHP
- GitHub
- Vue.js
- Tailwind CSS
- Bitbucket
- React
- MySQL
- Svelte
- Supabase
- Java

## Certifications

- Angular Master Class — thoughtram GmbH
- Microsoft Certified: Azure Fundamentals — Microsoft (https://www.youracclaim.com/badges/e6a527b5-1768-49f4-b000-ab18bd7744b4/linked_in_profile)
- AWS Certified Cloud Practitioner — Amazon Web Services (AWS) (https://www.youracclaim.com/badges/8142a1c2-bc39-479c-bbf5-64229244c180?source=linked_in_profile)
- MSUS Cloud Skills Challenge Champion — Microsoft (https://www.youracclaim.com/badges/d3d9eb66-a9ff-4da4-9f92-514230c03db9?source=linked_in_profile)
- Course Completed: Hard Parts of AI: Neural Networks — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/ASgTLkgjgF/hard-parts-ai.pdf)
- Course Completed: Enterprise Web App Accessibility (feat. React) — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/MMXTXiYgSy/enterprise-accessibility.pdf)
- Course Completed: Complete Intro to MCP — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/HVXvpeXurf/mcp.pdf)
- Course Completed: The Hard Parts of Asynchronous JavaScript — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/mKwIKFRvDi/javascript-new-hard-parts.pdf)
- Course Completed: Web App Accessibility (feat. React) — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/imKIfIWLhH/react-accessibility.pdf)
- Course Completed: Enterprise Architecture Patterns — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/dHIefjqPHz/enterprise-patterns.pdf)
- Course Completed: Vite — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/uQpXRqFhVu/vite.pdf)
- Course Completed: Hard Parts of Neural Networks — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/ASgTLkgjgF/hard-parts-ai.pdf)
- Course Completed: Nuxt 3 Fundamentals — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/vOVSMmwVVj/nuxt.pdf)
- Course Completed: Svelte Fundamentals — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/WsUkzFOpoW/svelte-v2.pdf)
- Course Completed: Intermediate Angular: Signals & Dependency Injection — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/WwXsIZxmXx/intermediate-angular.pdf)
- Claude Code in Action — Anthropic (https://verify.skilljar.com/c/dsto69xbfgjb)
- Course Completed: Advanced Angular: Performance & Enterprise State — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/zDyrfdoyDX/advanced-angular.pdf)
- Building with the Claude API — Anthropic (https://verify.skilljar.com/c/8nbukkmhwgj7)
- Course Completed: Full Stack Fundamentals, v3 — Frontend Masters (https://static.frontendmasters.com/ud/c/40e323f396/pApqiQbIWA/fullstack-v3.pdf)
- Course Completed: Enterprise UI Development — Master.Dev (Formerly Frontend Masters) (https://static.frontendmasters.com/ud/c/40e323f396/vzgSjTkMho/enterprise-ui-dev-v2-frontendmasters.pdf)
- LLPA Digital Skills Cup - National Champion 2026 IT Developer — Leading Learning Partners Association (https://www.credly.com/badges/ecf4de18-9dcd-4f13-9c8d-5a31c5b1a30e/linked_in_profile)
- Course Completed: Complete React — Master.dev (Formerly Frontend Masters) (https://static.frontendmasters.com/ud/c/40e323f396/hixpadIGiV/complete-react-v9-frontendmasters.pdf)
- Normalized Systems Foundation-certificate — NSX - Normalized Systems
- Course Completed: Cloud CI/CD with GitHub Actions — Master.dev (Formerly Frontend Masters) (https://static.frontendmasters.com/ud/c/40e323f396/VPKaHmXgcD/github-actions-frontendmasters.pdf)

## Projects

- **CE3 - Connecting Expertise**
  Leidde de frontend-herschrijving van een legacy talent platform naar een moderne Angular applicatie. Leverde functionaliteiten op met TypeScript en RxJS, met sterke prestatiegaranties. Implementatie van reusable UI Components Implementatie van RTE (Editor.js) Implementatie van dynamische grafieken met chart.js Introduceerde geautomatiseerd testen (Jest) en gestandaardiseerde tooling (EsLint, Prettier) om codekwaliteit, regressie en release stabiliteit te verbeteren. Werkte samen in Agile Scrum-teams om functionaliteiten voorspelbaar en efficiënt op te leveren.
- **My toolbox**
  Design en implementatie van een schaalbare Angular frontend binnen een Nx Monorepo. Focus op codehergebruik en onderhoudbaarheid op lange termijn.

Ontwikkelde herbruikbare Web Components en zorgde voor consistente UI-patronen doorheen de volledige applicatie.

Zette geautomatiseerde CI/CD-pipelines op met Azure DevOps en Jest, waardoor build-, test- en deployment processen betrouwbaar en reproduceerbaar werden.

Codekwaliteit werd structureel geborgd via ESLint, StyleLint en Prettier.

Leverde performante, toegankelijke en responsieve gebruikersinterfaces op met TypeScript, RxJS en moderne CSS-technieken — met als resultaat minder duplicatie, stabielere deployments en een merkbaar betere gebruikerservaring.
- **Jaga E-commerce platform**
  Leidde de upgrade van het e-commerceplatform van Jaga naar SAP Spartacus 4.3 en later SAP Composable Storefront, waardoor nieuwe functionaliteiten uitgerold konden worden en de platformstabiliteit verbeterd werd.
• Zorgde voor een vlotte en probleemloze go-live door legacy Angular componenten nauwgezet te refactoren en breaking changes tijdens de migratie te beheren.
• Gebruikte NgRx voor robuust state management en Bootstrap voor een responsieve UI, wat de ontwikkelsnelheid en onderhoudbaarheid verhoogde.
• Verbeterde de performance en betrouwbaarheid van de storefront door best practices toe te passen bij Angular- en SAP Spartacus-releases en -updates.
- **Echo Portal - Huntsman**
  Migratie uit van SAP Spartacus naar SAP Composable Storefront, met behoud van volledige functionaliteit en platformstabiliteit.

Herontwierp de frontend-architectuur om schaalbare onboarding voor meerdere divisies te ondersteunen en toekomstige herontwikkeling te beperken.

Leidde een UI-redesign om aan te sluiten bij de vernieuwde huisstijl en de algehele gebruikerservaring te verbeteren, met Angular, Bootstrap en Web Components.

Zette robuuste frontend-tooling en geautomatiseerde workflows op met Nx Monorepo, Jest, Cypress, Storybook, Prettier en Stylelint om codekwaliteit en releasestabiliteit te verbeteren.

Bouwde een performante en onderhoudbare frontend met NgRx en RxJS, en werkte nauw samen met backend-teams voor de integratie van SAP Commerce Cloud API's binnen Agile Scrum-workflows, wat de leveringsvoorspelbaarheid en samenwerking tussen teams ten goede kwam.
- **Notaris.be - Fednot**
  Leidde de frontend-ontwikkeling voor Fednot door een herbruikbaar design system te ontwerpen en te implementeren dat de visuele consistentie verbeterde en de oplevering versnelde over meerdere platforms. Bouwde toegankelijke, schaalbare gebruikersinterfaces met moderne webtechnologieën, ter ondersteuning van veilige en betrouwbare digitale diensten voor duizenden gebruikers. Droeg bij aan de digitale transformatie van Fednot door performante, onderhoudbare frontend-oplossingen te leveren die voldoen aan de hoge standaarden voor veiligheid en kwaliteit.
- **Recytyre new website**
  Leidde de frontend-ontwikkeling van de nieuwe Drupal-website voor Recytyre, waarbij goedgekeurde designs werden omgezet naar een responsieve en performante gebruikersinterface. Paste best practices toe in Drupal frontend-ontwikkeling, waaronder Twig-templating, componentgedreven architectuur en geoptimaliseerd asset management met Gulp voor betere performance en gebruiksvriendelijkheid. Werkte nauw samen met backend-ontwikkelaars voor een naadloze integratie binnen het Drupal CMS, en verbeterde de onderhoudbaarheid via modulaire CSS en JavaScript en responsive design met Bootstrap. Het project werd op tijd opgeleverd, resulterend in een snellere, betrouwbaardere website met verbeterde gebruiksvriendelijkheid, onderhoudbaarheid en gebruikersbetrokkenheid.
- **KBVB - RBFA - ACFF - Voetbal Vlaanderen**
  Droeg bij aan het volledige herontwerp en de modernisering van het digitale platform van de KBVB, bestaande uit drie onderling verbonden websites, opgeleverd voor het Wereldkampioenschap.

Ontwikkelde een schaalbaar, op Angular gebaseerd content platform dat meerdere databronnen integreert via GraphQL voor betere performance en gebruikersbetrokkenheid.

Ontwikkelde features voor de GraphQL api op basis van Express.js om meerdere databronnen te integreren.

Implementeerde interactieve functies, waaronder een clubzoeker op basis van de Google Maps API.

Werkte nauw samen met backend-, UX- en productteams binnen een Agile-omgeving, gebruikmakend van een moderne technologiestack voor een robuuste, onderhoudbare en performante frontend-architectuur.
- **Hino spring boot app**
  Droeg bij aan de modernisering van een legacy enterprise platform door gebruikersgerichte functionaliteit te migreren van Liferay naar een op maat gebouwde Spring Boot-applicatie. Herbouwde en refactorde frontend-modules via een componentgedreven aanpak, waardoor onderhoudbaarheid, performance en UI-consistentie verbeterden. Moderniseerde legacy JSF-componenten en optimaliseerde CSS, JavaScript en HTML voor een schaalbare en onderhoudbare frontend-architectuur. Werkte nauw samen met backend-teams voor een naadloze integratie en continuïteit van bedrijfskritische functionaliteiten doorheen de migratie.
- **Bmx Calendar - personal**
  Applicatie om je eigen persoonlijke Bmx Kalender te maken Exporteer de volledige of je eigen gepersonaliseerde kalender
- **Joyn KBC Customercards**
  De legacy KBC Customer cards app was gebouwd met Create React App.

Om deze te updaten naar een nieuwe Node.js versie moest de app worden omgezet naar een React-applicatie met Vite.

De update werd opgeleverd en achteraf werd ondersteuning geboden.
- **a11y Check**
- **Twan Claes**
  Website voor mijn zoon die al heel wat meegemaakt heeft in zijn toch korte bestaan

## Languages

- Engels (full_professional)
- Frans (limited_working)
- Nederlands (native)

## Other profiles

- linkedin: https://www.linkedin.com/in/tclaes