Senior Frontend Developer | VUE & Performance Expert

... of a leading sporting goods retailer in the DACH region

• The assignment mainly included securing, analyzing, optimizing, and redeveloping around front-end, front-end performance, page speed, and Core Web Vitals. This included not only regular front-end development tasks but also continuous research, monitoring, development, and implementation of performance optimization solutions. Both the project language and the communication language with the internationally distributed teams was English.

• Industry: Sporting goods / E-commerce

• Technologies used: Vue2, Nuxt.js (v2), TypeScript, JavaScript, Node.js, Jest, Sass, Tailwind CSS, HTML5, CSS 3.0, GIT, NPM, Webpack, Storybook, Responsive Webdesign, Sentry, SonarQube, Jenkins, Jira, Confluence, DynamicYield, Google Tag Manager, Google Analytics, Google Search Console, SpeedCurve

• Activities:

• Analyzing and developing optimization options for the existing codebase

• Implementing new features and improvements

• Performance testing of newly developed features

• Implementing front-end components according to requirements and design specifications

• As part of the assignment, I supported the front-end of an online tool for managing and calculating construction projects. It was especially important to use the “CompositionAPI” of the Vue JavaScript framework, which should make a future upgrade from version 2 to version 3 easier, implement using TypeScript, and create as generic components as possible.

• Industry: Construction / Real Estate

• Technologies used: HTML5, CSS 3.0, TypeScript/JavaScript, Sass, Vue2, CompositionAPI, Docker, GIT, NPM, Webpack, Jira, Living Styleguide, Responsive Webdesign

• Activities:

• Implementing code architecture and components

• The overall project was about implementing a white-label multi-portal application according to current web standards while taking into account the specifics of an existing application. This included planning an adaptable and highly flexible front-end architecture. The provided designs and layouts were reviewed and, if necessary, adjusted in coordination with the customer's relevant departments under the aspects of user experience (UX) and the peculiarities of the predecessor application. Next, we broke the topic down into as many flexibly reusable components as possible and defined the technical implementation for the related front-end tasks. We also set up the development infrastructure, implemented the new codebase, provided the general page structure, deliverable components, and the corresponding unit tests.

• Industry: Tourism / E-commerce

• Technologies used: HTML5, CSS 3.0, JavaScript, Sass, Vue2, Nuxt.js (v2), Vuex, jQuery, Jest, Figma, PHPStorm, GIT, NPM, Webpack, Jira, Atomic Design, Box-Element-Modifier (BEM), Living Styleguide, Responsive Webdesign, Cross Browser & Cross Device Compatibility

• Activities:

• Planning the software architecture in the front-end area

• Design review & design adjustments

• Sub-project planning (ticket creation, coordination of implementation for front-end)

• Implementing architecture, components, and tests

• The tasks during the project for the front-end agency Sevenval in Cologne included optimizations of the code structure, bug fixing, and implementation of new front-end requirements. This was carried out for two customer and comparison portals in the finance & insurance and retirement planning sectors. A rapid and fully independent familiarization with the existing code, new techniques, and a new programming language was necessary. Technologies used included HTML5, CSS 3.0, JavaScript, and XSL.

• Technologies used: HTML5, CSS 3.0, JavaScript, Sass, XSL, REST, SOAP, PHPStorm, GIT, NPM, Kiki, Rollup, Redmine, Jira, Responsive Web Design, Progressive Enhancement, Cross Browser Compatibility

• Activities:

• Front-end development in the "insurance", "finance", and "comparison & advisory portals" sectors

• Quick independent familiarization with existing code, new techniques, and a new programming language

• Optimization of the code structure

• Implementation of new features

• Bug fixing

• While working as an external contractor for an international agency, an existing website project of a southern German automaker based in Bavaria was revised and further developed. The tasks included quickly familiarizing with the existing code and bug fixing of the application, as well as further developing and implementing new features. For the front-end development, modern technologies and systems such as HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, and Grunt were used. The work was done on-site in Munich in an international team. The project language was English.

• Industry: Automotive / E-Commerce

• Technologies used: HTML5, CSS 3.0, Less, JavaScript, jQuery, Handlebars.js, PHPStorm, AEM (Adobe Experience Manager), Grunt, JIRA, Confluence, GIT, Sightly, Responsive Web Design, UX, User Story, Progressive Enhancement, Cross Browser Compatibility, Kanban

• Activities:

• Front-end development in the automotive sector

• Rapid familiarization with existing code, bug fixing & further development

• Implementation of new features

• Code review and approval of pull requests

A company focused on building sales channels needed a website for representation and lead generation. Based on user stories, a design and structure concept was created. The content was developed based on a prior SEO research, creating search engine-friendly, audience-specific content. A long-term plan for ongoing content development was also set up. The technical implementation was both SEO- and performance-oriented. Since launch, the website has been continuously maintained, including monitoring and analysis using analytics tools. Based on the analysis, measures for further optimization are planned and executed.

Tech stack:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• PHP
• MySQL
• PHPStorm
• ProcessWire
• Performance optimization
• SEO
• Responsive web design
• Google Analytics
• Google Webmaster Tools
• UX
• User Story
• Web Content Management
• Progressive Enhancement
• Cross Browser Compatibility

Tasks:

• SEO research & creation of an SEO concept
• Planning page structure, layout and design
• SEO-focused programming
• Creating search engine-optimized content
• Developing a long-term content development plan
• Ongoing maintenance including monitoring, expansion and optimization

To handle orders optimally through every step—from order acceptance, passing to production, up to delivery—a system was needed that meets all the client's individual requirements. This includes recording and managing customer master data (contact details, special prices, recurring order options), product data (basic data, variation options, standard prices), and order data (history, order templates). To achieve a practical, needs-based result, the existing process was analyzed on-site during requirements management and client needs were documented. Based on use cases, a concept for implementation was created and realized.

Tech stack:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• AJAX
• JSON
• PHP
• OOP
• PHPStorm
• ProcessWire
• Performance optimization
• Use Cases
• Scrum
• Cross Browser Compatibility

Tasks:

• Analyzing existing in-house solutions
• Creating use cases, requirements analysis, a detailed concept and a milestone plan
• Prioritizing implementation order
• Testing
• Roll-out

Thanks to my high standards of quality and my passion for web development, I have already worked for well-known companies in e-commerce (Ochsner Sport AG / Deichmann Group), tourism (the third-largest tour operator in Europe, hotel.de / HRS), two southern German car manufacturers, German internet service providers and directories (e.g. anwalt.de, steuerberater.net), as well as SMEs in real estate, the food industry, crafts, and wholesale.

Independent responsibilities included implementations in areas such as MICE, corporate rates, affiliates, and HotelCenter. This covered maintenance, optimization, extension, and customization of existing systems, as well as designing and implementing entirely new parts of presentation, booking, and search pages. My work spanned backend, database layer, and front end.

During the redesign/relaunch of the entire hotel.de platform, I was the lead subproject manager responsible for the technical implementation of the design concept.

Technologies used:

• HTML
• CSS 3.0/2.0
• OOCSS
• JavaScript
• jQuery
• AJAX
• JSON
• XML
• C#
• OOP
• ASP.Net
• MVVM
• WPF
• MVC3
• MSSQL
• Visual Studio 2010
• MS SQL Management Studio
• Scrum

Tasks:

• Further development of the hotel.de MICE portal "MARS"
• All areas (front end, backend & database for customer, hotel, and intermediary pages)
• Corporate rates (company-specific hotel rates)
• Implementing an internal Windows tool to read, record, and manage data sets/rate status (front end, backend, database)
• Migrating old rate data to the new system
• Designing and implementing plugins/services to process and optionally correct collected data
• Implementing the web component for TravelManager
• Unit tests
• Refactoring and performance optimization of existing SQL queries
• Affiliate center management
• Implementing a new affiliate concept by revising existing and developing new areas (front end, backend, database for customer, affiliate, and intermediary pages)
• Designing and implementing a crawler to determine and analyze integrations on affiliate sites
• Redesign/relaunch
• Lead subproject manager responsible for the technical realization of the design concept
• Performance-oriented front-end implementation
• HotelCenter module
• Front-end implementation of a new area for hoteliers to analyze and optimize their own rate structure