Freelance Senior Frontend Developer / Vue / Nuxt

1/2022 – 6/2023

Neuentwicklung Endkundenportal mit Vue 3

• Teamübergreifende Projekt & Service Architektur
• Projekt Setup
• Server Side Rendering
• Lösung für vollgenerischen, nutzerspezifischen Seitenaufbau (Server Driven UI)
• Vollgenerische Formularlösung
• Spezifikation der Datentransferobjekte zwischen API und Frontend
• Anbindung der Backend-API
• Entwicklung Vue 3 Komponenten & Composables
• Unit-, Component- und e2e Tests
• Komponenten Dokumentation über Histoire
• Erstellung & Betreuung der sicherheitskritischen Software Architektur
• Coaching des Teams in UX, Design und Web Aspekten
• Code Reviews
• Migration zu Nuxt 3

Eingesetzte Technologien:
HTML, SCSS, Vue.js 3, Vuelidate, Pinia, TypeScript, Vite, Vitest, Histoire, Contentful, Azure DevOps, Figma, ConceptBoard, Mock Service Worker, Nuxt 3

CSS (Cascading Style Sheet), Figma, HTML5, Microsoft Azure, Typescript, Vue.Js

10/2021 – 1/2022

Entwicklung Vue 3 Component Library & Multi-Mandanten-Framework für verschiedene Versicherungsbereiche

• Entwicklung neuer Komponenten für die Vue 3 Component Library
• Weiterentwicklung des Multi-Mandanten Frameworks
• Code Reviews

Eingesetzte Technologien:
HTML5, SCSS, TailwindCSS, Vue.js 3, Vuelidate, Vuex, TypeScript, Webpack, GitLab, FirstSpirit, Jira, Confluence, Figma

Confluence, CSS (Cascading Style Sheet), Figma, HTML5, Jira, Typescript, Vue.Js

3/2021 – 9/2021

Wartung und Weiterentwicklung rheinenergie.com

• Entwicklung neuer Frontend Komponenten in enger Absprache mit Konzept/Design/Backend
• Weiterentwicklung und Refactoring von Bestandskomponenten
• Code Reviews
• Remote Arbeit im Scrum Team

Eingesetzte Technologien:
HTML5, SCSS, TailwindCSS, Vue.js 2, Vuelidate, Vuex, TypeScript, Webpack, Mocha/Chai, Cypress, GitLab, FirstSpirit, Jira, Confluence, Figma, Miro

Confluence, CSS (Cascading Style Sheet), Figma, HTML5, JavaScript, Jira, Typescript, Vue.Js

4/2020 – 3/2021

Wartung und Weiterentwicklung enbw.com

• Entwicklung neuer Frontend Komponenten in enger Absprache mit Konzept/Design/Backend
• Weiterentwicklung und Refactoring von Bestandskomponenten
• Code Reviews
• Remote Arbeit im Scrum Team
• Bewerber Interviews vorbereiten und führen für Testing und Design

Eingesetzte Technologien:
HTML5, SASS, Vue.js, Vuelidate, Vuex, TypeScript, CSHTML, Webpack, Jest, Cypress, GIT, Contentful, InVision, Azure DevOps

CSS (Cascading Style Sheet), Git, HTML5, JavaScript, Microsoft Azure, Typescript, Vue.Js

12/2019 – 4/2020

MVP Relaunch TUI

• Entwicklung neuer Frontend Komponenten
• weitreichendes Refactoring der Formularkomponenten und Entwicklung von Instant Validierung, Anbindung an den Store
• Weiterentwicklung und Refactoring von Bestandskomponenten
• Code Reviews
• Arbeit beim Kunden vor Ort
• Arbeit im Team via Scrum

Eingesetzte Technologien:
HTML5, SCSS, JavaScript, TypeScript, Vue.js, Vuex, Vuelidate, Vue-Router, Web Components, Storybook, Jest, Nightwatch, GitLab, Webpack

CSS (Cascading Style Sheet), HTML5, JavaScript, Typescript, Vue.Js

11/2018 – 11/2019

MVP Relaunch enbw.com

• Entwicklung neuer Frontend Komponenten
• weitreichendes Refactoring der Formularkomponenten und Entwicklung von Instant Validierung, Anbindung an den Store
• Weiterentwicklung und Refactoring von Bestandskomponenten
• Code Reviews
• Arbeit beim Kunden vor Ort
• Arbeit im Team via Scrum

Eingesetzte Technologien:
HTML5, SASS, Vue.js, Vuex, Vuelidate, TypeScript, CSHTML, Webpack, Jest, Cypress, GIT, Contentful, Azure DevOps

CSS (Cascading Style Sheet), Git, HTML5, JavaScript, Microsoft Azure, Typescript, Vue.Js

7/2018 – 11/2018

Intranet Anwendung zur Metadatenerfassung von Bildern und Videos

• Gegenüberstellung von Vue, React und Angular
• Prototypentwicklung auf Basis von Vue.js/Nuxt.js
• Prototypentwicklung auf Basis von Angular 7
• Projektsetup und Frontendentwicklung des Metadatenerfassungssystems mit Angular 7
• Implementierung einer internen Video Downloader Anwendung für verschiedenste Quellen mit Vue.js
• Frontend Dokumentation
• Arbeit beim Kunden vor Ort

Eingesetzte Technologien:
HTML5, SASS, Vue.js, Nuxt.js, Angular 7, Webpack, Jest, Jasmine, GIT, Compodoc

Angular, AngularJS, CSS (Cascading Style Sheet), Git, HTML5, JavaScript, Node.Js, Vue.Js

10/2017 – 6/2018

Website Relaunch von eurowings.com

• Frontend-Entwicklung/Implementierung modularer Frontend Komponenten für das CMS AEM
• Qualitätssicherung des Styleguide
• Schnittstelle zwischen Frontend-Entwicklung und Design Team
• POC zu http/2
• Sprint Review/Sprint Retro/Sprint Planung
• Barrierefreiheit und SEO Optimierungen
• Code Reviews
• Arbeit beim Kunden vor Ort

Eingesetzte Technologien:
HTML5, SASS, Twig, Vue.js, RxJS, Grunt, Webpack, Jest, Mercurial, Node, WCAG Barrierefreiheit, ADoc, Atomic Design

CSS (Cascading Style Sheet), HTML5, JavaScript, Node.Js, Vue.Js

9/2016 – 9/2017

Website Relaunch von NaturEnergiePlus

• Lead Developer Frontend
• Projektsetup
• Implementierung modularer Frontend Komponenten für das CMS Contentful
• CSS Styleguide Dokumentation
• CSS Animationen und GSAP Animationen
• CSS Re-Skin für das Bestandskundenportal
• Arbeit beim Kunden vor Ort
• Performance Optimierung

Eingesetzte Technologien:
HTML5, SASS, TypeScript, RequireJS, Grunt, .Net Core, Razor, Contentful, GIT

.Net, CSS (Cascading Style Sheet), Git, HTML5, Typescript

6/2015 – 9/2016

Website Relaunch von HUGO BOSS
inklusive Rollout für alle Länder. Hierbei sollte unter Anderem vom alten CMS (PaperCms) auf ein neues CMS (FirstSpirit) migriert werden.

• Lead Developer Frontend
• Implementierung Frontend-Module für das CMS FirstSpirit
• Grunt Setup
• Implementierung von Animationen unter Verwendung von CSS3 Transition/Transformation und Waypoints
• Integrieren von YouTube- und Brightcove Videos sowie deren Player-Individualisierung und Steuerung
• Kampagnen Seiten
• Performance Optimierungen

Eingesetzte Technologien:
FirstSpirit, Grunt, HTML5, SASS, jQuery, RequireJS, GIT

CSS (Cascading Style Sheet), Git, HTML5, Jquery

4/2015 – 6/2015

Lufthansa
Die bestehende mobile Seite sollte um das Feature eines Flight Monitors erweitert werden. Außerdem wurden einige Bereiche frontendseitig modernisiert.

• Frontend Implementierung des Flight Monitors
• Absprachen mit Konzept und Design
• Bugfixing
• Wartung/Refactoring
• Code Reviews

Eingesetzte Technologien:
XHTML, LESS, JavaScript, jQuery, Maven, JSP, JSTL, Jenkins, GIT, interne Device Datenbank

Apache Maven, CSS (Cascading Style Sheet), Git, JavaScript, Javaserver Pages, Jenkins, Jquery, Less, XHTML (Extensible HyperText Markup Language)

1/2015 – 3/2015

KIA PIP und KIA Press - Website Relaunch der KIA Produktseite und der KIA Presseseite

• Übernahme der Frontend Lead Rolle
• Frontend Optimierung / Refactoring
• Bugfixing
• Performance Optimierung
• Grunt Setup Überarbeitung

Eingesetzte Technologien:
Grunt, HTML5, CSS3, JavaScript, jQuery, SVN

CSS (Cascading Style Sheet), HTML5, JavaScript, Jquery, Subversion

12/2013 – 12/2014

Globetrotter Responsive Online Shop
Implementierung eines responsiven Online-Shops für Smartphones und Tablets unter Verwendung des RESS Ansatzes

• Implementierung eines komplett modular aufgebauten Frontend durch Verwendung von JSP Taglibs
• SEO Optimierung
• Performance Optimierung
• User-Tracking
• Integration von Produktvideos und 360° Slider

Eingesetzte Technologien:
HTML5, LESS, JavaScript, jQuery, JSP, JSTL, Maven, Jenkins, SVG, GIT

Apache Maven, Apache Struts, Git, HTML5, JavaScript, Javaserver Pages, Jenkins, Jquery, Less, Linux-Systemadministrator, Mysql

9/2012 – 12/2013

Bonprix Tablet Shop
Nachdem bereits der mobile Shop von Bonprix erfolgreich gestartet war, folgte die Implementierung des Bonprix Online-Shops als Tablet Website

• Lead Developer
• Implementierung des Frontend
• Auslagerung des Backend zur gemeinsamen Nutzung
von Mobile und Tablet Shop
• Browser-Back History Management
• Animationen
• Implementierung von Infinite-Scroll der Produkte
• SEO Optimierungen
• Performance Optimierungen
• Device Optimierungen
• User-Tracking
• Kundenbetreuung
• Wartung und Weiterentwicklung
• Logfile-Analysen

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, JSP, JSTL, Struts, Java, JAXB, MySQL, Maven, Jenkins, SVN, interne Device Datenbank

Apache Maven, Apache Struts, CSS (Cascading Style Sheet), Java (allg.), Java Architecture for XML Binding (JAXB), JavaScript, Javaserver Pages, Jenkins, Jquery, Linux-Systemadministrator, Mysql, Subversion, XHTML (Extensible HyperText Markup Language)

1/2011 – 12/2013

Bonprix Mobile Shop
Implementierung des Bonprix Online Shops als mobile Website. Höhepunkt des Projektes war der Gewinn des INTERNET WORLD Business Shop Awards für den „Besten Mobile Shop“

• Implementierung des Frontend
• Implementierung des Backend
• Anbindung der Shop API
• SEO Optimierungen
• Performance Optimierungen
• Device Optimierungen
• Kundenbetreuung
• Wartung und Weiterentwicklung
• User-Tracking
• Logfile-Analysen

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, JSP, JSTL, Struts, Java, JAXB, MySQL, Jenkins, SVN, interne Device Datenbank

Apache Struts, CSS (Cascading Style Sheet), Java Architecture for XML Binding (JAXB), JavaScript, Javaserver Pages, Jenkins, Jquery, Mysql, Subversion, XHTML (Extensible HyperText Markup Language)

1/2011 – 1/2011

HUGO BOSS
Wartung und Betreuung der mobilen Website von Hugo Boss

• Bugfixing
• Frontend-Implementierung neuer Features/Seitenbereiche
• Implementierung von Landing Pages zur Fashion Show

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, JSP, JSTL, Struts, Java, ANT, interne Device Datenbank, SVN

Apache Struts, CSS (Cascading Style Sheet), JavaScript, Javaserver Pages, Jquery, Linux-Systemadministrator, Subversion, XHTML (Extensible HyperText Markup Language)

11/2010 – 12/2010

RLV Versicherungen
Frontend Wartungsarbeiten der mobilen Website, Design Anpassungen, Funktionale Korrekturen

• Neue Designs und Designanpassungen implementieren
• Bugfixing

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, Java, JSP, JSTL, Struts, MySQL, SVN, interne Device Datenbank

Apache Struts, CSS (Cascading Style Sheet), Java (allg.), JavaScript, Javaserver Pages, Jquery, Mysql, Subversion, XHTML (Extensible HyperText Markup Language)

9/2010 – 10/2010

Germanwings - Wartung und Weiterentwicklung der mobilen Website

• Anpassung und Weiterentwicklung sowohl im Frontend als auch im Backend
• Neue Features implementieren
• Implementierung des Frontend für die Sitzplatzreservierung
• Bugfixing
• Mobile Device spezifische Optimierungen

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, JSP, JSTL, Struts, Java, MySQL, interne Device Datenbank, Webgrabbing, SVN

Apache Struts, CSS (Cascading Style Sheet), Java (allg.), JavaScript, Javaserver Pages, Jquery, Mysql, Subversion, XHTML (Extensible HyperText Markup Language)

3/2010 – 8/2010

XING - Neuentwicklung einer mobilen Website

• Aufwandsschätzung
• Implementierung des Frontend nach Konzept- und Designvorlage
• Implementierung des Backend
• Anbindung an XING API
• Mobile Device spezifische Optimierungen

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, JSP, JSTL, Struts, Java, XML, SVN, interne Device Datenbank, OAuth

Apache Struts, CSS (Cascading Style Sheet), Java (allg.), JavaScript, Javaserver Pages, Jquery, Subversion, XHTML (Extensible HyperText Markup Language)

3/2010 – 4/2010

B&B Hotels Mobile Website Launch

• Implementierung noch fehlender Frontend Seiten nach Konzept- und Designvorgabe
• Mobile Device spezifische Optimierungen
• Bugfixing
• Support anderer Frontend-Entwickler und Freelancer

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, Java, JSP, JSTL, Struts, MySQL, SVN, interne Device Datenbank

Apache Struts, Java (allg.), JavaScript, Javaserver Pages, Jquery, Mysql, Subversion, XHTML (Extensible HyperText Markup Language)

11/2009 – 3/2010

TUIfly.com
Entwicklung einer mobilen Website für die Fluggesellschaft

• Aufwandsschätzung
• Frontend Implementierung aller Seiten nach Konzept- und Designvorgabe
• Backend-Anbindung von Flugangeboten, Flugzielen, Flugplan, Ankunft/Abflug
• Konzeption und Implementierung der relevanten Datenbanktabellen
• Bugfixing
• Mobile Device spezifische Optimierungen

Eingesetzte Technologien:
XHTML, CSS, JavaScript, jQuery, Java, JSP, JSTL, Struts, ANT, XML, CSV, SVN, interne Device Datenbank

Apache Struts, CSS (Cascading Style Sheet), Java (allg.), JavaScript, Javaserver Pages, Jquery, Subversion, XHTML (Extensible HyperText Markup Language), XML

10/2009 – 10/2009

KLM Mobile Website Pitch
Prototyp-Implementierung für Check-in, Abflug/Ankunft, Flugangebote und Reiseziele

- Implementierung des Frontend nach Konzept- und Designvorgabe

Eingesetzte Technologien:
XHTML, CSS, JavaScript, JSP, JSTL, Struts, Java, ANT, CVS, interne Device Datenbank

Apache Struts, CSS (Cascading Style Sheet), Java (allg.), JavaScript, Javaserver Pages, XHTML (Extensible HyperText Markup Language)

9/2009 – 9/2009

o2 Coaching Quiz
Ein o2 internes Quiz als mobil optimierte Website zum Trainieren der Verkaufsmitarbeiter wie Sie mit Kunden umgehen und Produkte bewerben

• Konzipieren, Aufsetzen und Befüllen der Datenbank
• Abfrage und Verarbeitung der Datenbankeinträge
• Quiz Logik Implementieren
• Frontend-Implementierung nach Konzept- und Designvorgabe

Eingesetzte Technologien:
XHTML, CSS, JavaScript, Java, MySQL, JSP, JSTL, Struts, CVS, interne Device Datenbank

Apache Struts, CSS (Cascading Style Sheet), Java (allg.), JavaScript, Javaserver Pages, Mysql, XHTML (Extensible HyperText Markup Language)