Stefan Frede

Ehrenbergstraße 16a
Scanbox #03611
10245 Berlin
Germany

Email: web.5173@frede.email
Web: www.frede.dev

Codeberg | LinkedIn | XING | Mastodon

Hi 👋

I’m Stefan, a front-end developer from Hamburg, Germany.

My focus is on HTML, CSS, Accessibility and Progressive Enhancement.

I try to avoid JavaScript in favour of modern CSS, but when I do use it, I like to stick to browser APIs whenever possible.

The web has come a long way and features that used to require libraries or frameworks can now easily be implemented using vanilla JavaScript.

Such an approach keeps the codebase small, avoids bugs, and improves the performance.

I have been working in this business since 2003.

Skills and experience include:

• HTML & CSS
• Accessibility & Progressive Enhancement
• Responsive Web Design
• JavaScript & TypeScript
• Web Components & Lit
• Vue.js & Nuxt
• Docker & Git

PROJECTS

wyn projects GmbH & Co. KG (https://www.wyn.rocks)
wyn projects GmbH & Co. KG is a digital agency from Hamburg.

My area of activity includes the following tasks:

• Creation and further development of accessible user interfaces with modular components using HTML, CSS, JavaScript/TypeScript, Vue.js and Nuxt in a TYP03 context.
• Ensuring functionality and user-friendliness.
• Browser and performance optimisation of existing user interfaces.
• Creation and maintenance of technical documentation.
• Close collaboration with project managers, designers and other developers.

Galeria Kaufhof GmbH (https://www.galeria.de/)
Galeria Kaufhof is a German department store chain.

Maintained existing code and implemented change requests in a Salesforce Commerce Cloud environment.

• Used HTML, CSS, and JavaScript to achieve my tasks.
• Wrote unit tests with Jasmine to improve the code quality.
• Helped implementing a ServiceWorker strategy.

T-Systems Multimedia Solutions GmbH (https://www.t-systems.com)
T-Systems is a German global IT services and consulting company.

I built accessible components that were integrated into a Salesforce application.

• Used HTML, CSS, and JavaScript to write accessible components.
• Adjusted the Webpack configuration for a smoother development experience.
• Tested my code with different browsers to assure working components inside the provided browser matrix.
• Tested my components with browser accessibility tools to assure that I fulfilled the requirements.

Schweisthal Beschlag- und Schließtechnik GmbH (https://www.schweisthal.de)
Schweisthal is a sales representative for locks, fittings, and security systems.

I built a web app to configure a locking system.

• Set-up the development environment with Webpack and Babel to use modern JavaScript and ensure it will work on older browsers.
• Used LitElement to create the Web Components.
• Handled state with Redux.
• Cached requests to the REST API with Redux to increase performance.
• Used the GitLab CI to make sure that the code was linted before merging into the main branch.

Aboutbooks GmbH (https://www.lovelybooks.de/)
LovelyBooks is a meeting point for readers, authors, and publishers.

I built promotions from publishers on the platform for new books.

• Refactored the CSS to reduce the size and introduced the BEM notation to increase the re-usability.
• Improved the responsiveness to make the pages scale from small to big screens according to the design specifications.
• Calculated a vertical rhythm based on the designs to enhance readability.
• Cleaned up the JavaScript to reduce the size and decrease the page load time.

ARIGO Software GmbH (https://www.arigo-software.de/)
Arigo is a specialist in building automation and tracking solutions.

I built a replacement for a jQuery-based tree component.

• Built with Polymer 2 to fit into the rest of Arigos system.
• Wrote unit tests with Mocha and Chai to improve the code quality.
• Built a Docker container for GitLab CI to make sure that code ran against the unit tests before merging into the main branch.
• Wrote documentation to enhance usability.

I built an interface to interact via a WebSocket connection with the back-end over a REST API.

• Set-up the development environment with Webpack and Babel to use modern JavaScript, ensuring it works on older browsers and Docker to run requests against the REST API.
• Cached requests with Redux to increase the performance.
• Handled requests with Redux-Saga asynchronously ensuring consistency.
• Applied functional programming principles to improve readability, re-usability and reduce the chance for errors.
• Wrote unit tests with Jest to improve the code quality.
• Set-up GitLab CI to make sure that code ran against the unit tests before merging into the main branch.
• Wrote documentation to enhance usability.

50plus-Treff GmbH (https://www.50plus-treff.de/)
50plus-Treff is a dating and friendship platform for everyone over 50.

I implemented the redesign to make the entire website mobile-friendly.

• Built the site with Bootstrap 3 to speed up development time.
• Used a responsive grid to scale from small to big screens.
• Worked with SCSS mixins and variables for code re-usability.
• Implemented a build process for JavaScript with Gulp to bundle and minify JavaScript libraries to decrease the page load time.
• Transpiled code with Babel to use modern JavaScript, ensuring usability for older browsers.
• Set-up a Webpack dev server for local development.
• Implemented linting with eslint and stylelint to improve code quality.

Experteer GmbH (https://www.experteer.com/)
Experteer is the executive career service for leading professionals.

I built the initial website as well as a lot of in-house tools.

• Worked with a large team of software engineers in a Ruby on Rails stack website.
• Implemented code standards to enable the team to construct front-ends.
• Focused on front-end performance, scalability, and maintainability.

KIND WORDS

Stefan has been supporting the company for years. He played a key role in developing our front-end further and always delivered on time and with great additional ideas.

I would definitely work with Stefan again and can highly recommend him.

Nina Zimmermann
CEO at tracdelight GmbH

I have worked with Stefan on front-end projects for over ten years. His work was always done on time, on budget, and with a high degree of professionalism.

It’s obvious he takes tremendous pride in his work, and I wouldn’t hesitate to recommend or work with him again.

Thomas Nitsche
VP of Engineering at Experteer GmbH

Stefan has been working for lovelybooks as a freelance senior front-end architect for nearly one year now.

It's a pleasure to work with him as he has done an excellent job, and I can highly recommend Stefan for his technical expertise, his reliability and the pace he gets his job done.

Ulrich Nitsche
CTO at aboutbooks GmbH

We've been working with Stefan for over 14 years. He has played a key-role in developing our front end. His reliability, professional expertise and his commitment have always convinced us. We particularly appreciate his innovative ideas and engagement to the continuous development of our product.

We'll definitely continue to work with Stefan in the future, and can highly recommend him.

Sven Exter
CEO at 50plus-Treff GmbH

Stefan has left a strong and positive impression on us. He managed to familiarize himself with our complex codebase in a short time and become a productive member of the team.

We can therefore fully recommend him and would be happy to work with him again in the future!

Dr. Robert Giacinto
Head of Software Engineering at Galeria Karstadt Kaufhof GmbH

WORK EXPERIENCE

• wyn projects GmbH & Co. KG
  Front-end Developer, 2021 – today
• Galeria Kaufhof GmbH
  Front-end Developer, 2020 – 2020
• T-Systems Multimedia Solutions GmbH
  Front-end Developer, 2020 – 2020
• 50plus-Treff GmbH
  Front-end Developer, 2010 – 2020
• Schweisthal Beschlag- und Schließtechnik GmbH
  Front-end Developer, 2019 – 2020
• Aboutbooks GmbH
  Front-end Developer, 2019 – 2020
• ARIGO Software GmbH
  Front-end Developer, 2017 – 2019
• tracdelight GmbH
  Front-end Developer, 2016 – 2018
• Experteer GmbH
  Front-end Developer, 2005 – 2017
• 72sign
  Front-end Developer, 2013 – 2015
• Wildsterne GmbH
  Front-end Developer, 2011 – 2014
• Termine 24 GmbH
  Front-end Developer, 2012 – 2012
• Studio M.U.C.
  Front-end Developer, 2011 – 2011
• Voycer Ag
  Front-end Developer, 2011 – 2011
• CertoClav Sterilizer GmbH
  Front-end Developer, 2010 – 2011
• Kickz AG
  Front-end Developer, 2004 – 2009
• TSG International AG
  Front-end Developer, 2006 – 2009
• spielraum GmbH
  Front-end Developer, 2004 – 2008
• Dirty Jerz GmbH
  Front-end Developer, 2006 – 2007
• Brodel Automation
  Front-end Developer, 2004 – 2005
• esolut GmbH
  Front-end Developer, 2003 – 2004

EDUCATION

Macromedia - Akademie für neue Medien
Digital Media Designer, 2003