Senior Frontend Architect
Client: Anonym
(Banks and financial services, 50-250 employees)
Keywords
Skills
Software developer with 9 years of project experience as a freelancer and employee in the field of modular, responsive and semantic front-end and back-end developments.
Use of the following technologies:
Entrepreneur Genes + Thinker | Strong Team Player | Process Fanatic | Attention to Detail | Driver of New Technologies and Tools
Use of the following technologies:
- Preprocessors/programming languages: Typescript 3.7, Javascript, SASS, CSS Modules, Mustache / Handlebars
- Development environment / tools: CRA 2, Webpack 4, Babel 7, Rollup, GraphQL Code Generator + gql-gen Plugin Creation, Vue-CLI
- Development paradigms: Atomic Design by Brad Frost, SOC, PoLP, SOLID, KISS
- Developer tools & third party: Visual Studio Code + VS Code Plugin Creation, Git, Github, CircleCI, Docker, Jenkins, Heroku (+CI), Wallaby
- Third-Party Libraries: ag-grid, apollo-client, nexus-future, prisma2, i18next
- Project management: Jira, Confluence, Zenhub, Framework: SCRUM, Kanban
- Back-end: NodeJS + Express (Apollo GraphQL with Nexus), Prisma2 + nexus-future
- Use of frameworks: React (+ Redux, Apollo GraphQL), VueJs + Vuex
- Testing: Unit and integration tests with Jest, Selenium (webdriver.io), Puppeteer
Entrepreneur Genes + Thinker | Strong Team Player | Process Fanatic | Attention to Detail | Driver of New Technologies and Tools
Project history
03/2021
-
Present
Responsible to create a new architecture based on micro frontends.
Teaching teams to handle the new technology stack based on Typescript 4.6, React 18 (concurrent features), react-query and knowledge about micro frontends.
Responsible to convert the whole Flow.js-based code base to Typescript. Creating a toolchain to automatically provide types for both type systems in during migration.
Help the teams to migrate to the new micro frontend architecture
Teaching teams to handle the new technology stack based on Typescript 4.6, React 18 (concurrent features), react-query and knowledge about micro frontends.
Responsible to convert the whole Flow.js-based code base to Typescript. Creating a toolchain to automatically provide types for both type systems in during migration.
Help the teams to migrate to the new micro frontend architecture
01/2020
-
03/2021
Frontend Developer - Consultant
Kühne+Nagel
(Transport and Logistics, >10.000 employees)
Development of a synchronized, transparent and collaborative supply-chain-platform, which eliminates communication problems.
Special milestones: Migration of a custom webpack configuration to vue-cli. Migration from Jest 23 to 24. Optimization of asset build size by 50% through Babel 7/Terser optimizations and proper polyfill settings. Migration from TSLint to ESLint. Evaluation of ag-grid and implementation of the first tables. Migration from TypeScript 3.3.3333 to 3.7. Setup of Wallaby. Reduction of unit test build time on linux based systems by 45%.
Skills: Typescript 3.7, Vue, TSLint -> ESlint, Jest, ag-grid
Tooling: jira, Jenkins, BitBucket, Windows 10 with WSL2
07/2018
-
12/2019
Senior Webdeveloper - Consultant/Mentorship
Jimdo
(Internet and Information Technology, 50-250 employees)
Active redevelopment of the user dashboard and logo tools as part of a 10 person team. Joint responsibility for pairing sessions of applicants.
Special Milestones: Migration from TSLint to ESLint, Typescript Upgrade to version 3.7. Migration from GraphQL Schema-First approach to Code-First (with Nexus Framework), Migration to React 16.12. Performance optimization of data loaders by ~ 30%. Introduction of Test-Coverage und coverage compliance of over 90%. Migration of the codebase from higher-order components to hooks. Transformation of React class-based syntax to functional components. Setup the GraphQL code generator for typesafe generated query and mutation hooks.
Skills: Typescript 3.7, React 16.12, Node.JS Apollo GraphQL + Tooling, Tracking, CSSModules, CRA 1 -> CRA 2, TSLint -> ESlint, Jest, Docker, Microservices
Tooling: PhraseApp, jira, CircleCi, dependabot, slack, stripe
Special Milestones: Migration from TSLint to ESLint, Typescript Upgrade to version 3.7. Migration from GraphQL Schema-First approach to Code-First (with Nexus Framework), Migration to React 16.12. Performance optimization of data loaders by ~ 30%. Introduction of Test-Coverage und coverage compliance of over 90%. Migration of the codebase from higher-order components to hooks. Transformation of React class-based syntax to functional components. Setup the GraphQL code generator for typesafe generated query and mutation hooks.
Skills: Typescript 3.7, React 16.12, Node.JS Apollo GraphQL + Tooling, Tracking, CSSModules, CRA 1 -> CRA 2, TSLint -> ESlint, Jest, Docker, Microservices
Tooling: PhraseApp, jira, CircleCi, dependabot, slack, stripe
01/2018
-
06/2018
Senior Webdeveloper
Kolle Rebbe
(Media and Publishers, 250-500 employees)
Development of dockerized microservices which manage dynamic, cross-market promotional activities for Google’s Doubleclick. Further topics: Conception for DOOH. Creation of various high-performance landing pages.
Special milestones: Decrease of the building time of digital web ads by 14 hours to 3 hours in total through parallization and multi-threading of webpack build processes. Development of a user interface for managing departure and arrival goals for web ads for one of the biggest german airlines. Development of a webapplication to generate digital posters for printing for one of the famous german footbal club. Composing a project with vue, Typescript and Babel withouth vue-cli.
Skills: ES6/ES7/ES8, React/Redux Stack + Typescript. VueJs/Vuex Stack Typescript, ExpressJS, development in docker containers. Setting up a CI/CD pipeline based on Docker and Jenkins.
Special milestones: Decrease of the building time of digital web ads by 14 hours to 3 hours in total through parallization and multi-threading of webpack build processes. Development of a user interface for managing departure and arrival goals for web ads for one of the biggest german airlines. Development of a webapplication to generate digital posters for printing for one of the famous german footbal club. Composing a project with vue, Typescript and Babel withouth vue-cli.
Skills: ES6/ES7/ES8, React/Redux Stack + Typescript. VueJs/Vuex Stack Typescript, ExpressJS, development in docker containers. Setting up a CI/CD pipeline based on Docker and Jenkins.
11/2016
-
12/2017
Engineering Manager
getsafe
(Insurance, 10-50 employees)
Engineering manager - responsibilities include setting employee goals to achieve the company-wide OCRs / KPIs.
Head of Engineering (SCRUM team size: 9) – Counterpart to the project team (3 POs). Team composition: 3 BE, 4 FE, 1 QA, 1 UX.
Responsible for the development of LP and sales flows on the web / Ionic 1 + React Native contract management apps
Skills: ES6/ES7 (Babel) (+ Eslint), React (16) + Redux (+ Flow) NodeJs + Express, RESTlike API + Swagger, gulp + webpack 3, unit testing with Mocha + Chai (+ sinon, nock), Jest (+ snapshot testing) for React (Native) project. Integration tests with Selenium (webdriver.io) and Saucelabs, Git
SaaS: Heroku (+ CI), CircleCi, Cloudflare, Appboy, Intercom, Contentful, stripe
Head of Engineering (SCRUM team size: 9) – Counterpart to the project team (3 POs). Team composition: 3 BE, 4 FE, 1 QA, 1 UX.
Responsible for the development of LP and sales flows on the web / Ionic 1 + React Native contract management apps
Skills: ES6/ES7 (Babel) (+ Eslint), React (16) + Redux (+ Flow) NodeJs + Express, RESTlike API + Swagger, gulp + webpack 3, unit testing with Mocha + Chai (+ sinon, nock), Jest (+ snapshot testing) for React (Native) project. Integration tests with Selenium (webdriver.io) and Saucelabs, Git
SaaS: Heroku (+ CI), CircleCi, Cloudflare, Appboy, Intercom, Contentful, stripe
01/2016
-
10/2016
Frontend Developer
dmc digital media center GmbH
(Internet and Information Technology, 250-500 employees)
Conception and development of SPA’s (React /Angular 1) and successive migration of existing front-end e-commerce elements with the help of a microservice REST architecture suitable for SEO applications. Conception and development of release processes. Adherence to SEO and mobile criteria (speed).
Skills: HTML5, CSS3, JSS, React, React-Redux, ReduxForm, Webpack, NodeJS, Git, Gitlab, ESLint (airbnb preset), Babel, ES6/ES7, TypeScript, RESTlike API, unit testing with Karma + Jasmine, Jest and enzymes for React Projects
CI: Jenkins, Chai, Atomic Design, Git
Skills: HTML5, CSS3, JSS, React, React-Redux, ReduxForm, Webpack, NodeJS, Git, Gitlab, ESLint (airbnb preset), Babel, ES6/ES7, TypeScript, RESTlike API, unit testing with Karma + Jasmine, Jest and enzymes for React Projects
CI: Jenkins, Chai, Atomic Design, Git
01/2011
-
12/2015
Freelance activities in the fields of online shopping, download portals and health
Intelligent Assistance Service
(Internet and Information Technology, < 10 employees)
Creation and maintenance of Adwords / Analytics advertising campaigns / landing pages incl. A/B tests, HTML5, CSS3, JavaScript, Google Analytics, Google Adwords, InDesign, Photoshop, Jade Templating, use of preprocessors
Local Availability
Only available in these countries:
Germany
