Schlagwörter
Skills
- Beratung und Technische Konzeption ( Software Architektur )
- Web und Front-End Entwicklung- Back-End Entwicklung mit Node.JS ( Microservices )
- Prototypen Entwicklung und Ausarbeitung von UI Konzepten ( POC‘s )
- Single Page Applications ( SPA )
- Agile Software Entwicklung ( Kanban, SCRUM )
- Beratung für UX & UI
WebStorm, GIT, Jira, Bash, Docker, CI ( Drone, Travis, GitLab ), Browserstack, Postman, Insomnia, Blender ...
Sprachen, Frameworks:
TypeScript, JavaScript, React, GraphQL, Redux, Redux-Saga, Styled-Components, ThreeJS, Next.js, Prisma, Apollo, Node.js, MongoDB, MySQL, Webpack, Docker, Jest, Cypress, JSX, i18n, JWT, HTM/CSS, SASS, SVG, ...
Projekthistorie
Daten- und Systemtechnik GmbH
Recruiter:
Brunel GmbH
Web 3D Stream Viewer for Automotive Models
Developed a high-performance Web 3D Stream Viewer specifically designed for large automotive 3D models. This innovative tool significantly reduces load times, enhancing user experience by enabling almost immediate interaction with complex models.
Key Contributions:
Architecture Development:
- Spearheaded the full-stack architecture design, focusing on efficient data exchange and responsive visualization of 3D models.
Innovative Features:
- Integrated a unique X-ray view, allowing users to navigate through and interact with the 3D models in a more intuitive and informative manner.
- Implemented an advanced search functionality that automatically selects and highlights ECU's within the 3D model. This feature is complemented by seamless camera navigation, improving user interaction and understanding of the model’s complex structures.
Technical Leadership:
- Acted as a coach and mentor to the internal development team, leading the upskilling of colleagues in the latest web technologies.
Educational Workshops:
- Conducted workshops on a variety of topics including testing, internationalization, and best practices in web development.
Secondary Project:
- Developed an additional web application for searching diagnostic-related documents, integrated into a new monorepository to facilitate code reuse across front-end applications and streamline future maintenance efforts.
Skills and Technologies:
- Software Architecture
- Web Development
- 3D Visualization
- Web Technologies and Best Practices
- Coaching
- Agile Methodologies and Workshop Facilitation
- typescript, react, vite, vitest, threeJS, turbo repo, playwright, lingui, msw, shadcn/ui, tailwind, zod
Technical Design and development of an e-commerce solution for the sale of parameterizable products, which can be produced by laser cutting.
https://evoluma.de/
Technische Konzeption und Beratung zum Aufbau eines Front-Ends für Prüfprozesse in der Fahzeugentwicklung.
Entwicklung von Web Applications (Desktop und Mobile) für interne Mitarbeiter zur Verwaltung von diversen Messsystemen und Prüfständen. Ein besonderes Augenmerk wurde auf ein sehr flexibel zu erweiterbares Setup gelegt.
Dabei war es wichtig dass die Microservices ihre eigenen Front-Ends ausliefern können ohne das ein Deployment der Haupt-Verwaltungsapplikation nötig wäre. Dies erhöht die Wartbarkeit und vereinfacht die Integration von neuen Prozessen in der Zukunft.
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
Javascript, TypeScript, React, Styled-Components, ThreeJS, JSX, Apollo, GraphQL, Webpack, Docker, GitLab, u.v.m.
Technische Konzeption und Beratung zum Aufbau eines Front-Ends für die neuen internen Business Process Management Workflows.
Entwicklung einer Web Application für interne Mitarbeiter zur Verwaltung von diversen Geschäftsprozessen.
Ein besonderes Augenmerk wurde auf ein sehr flexibel zu erweiterbares Setup gelegt. Dabei war es wichtig dass die Microservices ihre eigenen Front-Ends ausliefern können ohne das ein Deployment der Haupt-Applikation nötig wäre. Dies erhöht die Wartbarkeit und vereinfacht die Integration von neuen Geschäftsprozessen in der Zukunft.
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
Javascript, TypeScript, React, Redux, Redux-Saga, Reselect, Styled-Components, JWT, JSX, Webpack, Docker, GitLab, u.v.m.
Weiterentwicklung und Wartung des komplexen Front-Ends der Universal Music Group basierend auf React, Relay und GraphQL als API.
Refactoring und das Erstellen von neuen Instanzen durch Anpassungen der modularen Komponenten für die Tochterfirmen Deutsche Grammophon und KlassikAkzente.
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
Javascript, React, Relay, GraphQL, Webpack, Lerna, Docker, Cypress, Node.js, Express, u.v.m.
Technische Konzeption und Beratung zum Aufbau eines Investment Portals mit moderner Infrastruktur und GraphQL als API.
Ein besonderes Augenmerk wurde auf Performance und schnelle Deployments gelegt.
Mit Cypress als E2E Framework konnte der gesamte Umfang der Seite getestet werden, um eine hohe Qualität zu gewährleisten.
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
Javascript, TypeScript, React, Apollo, React-Loadable, Styled-Components, Cypress, Node.js, Express, Ramda, Prisma, GraphQL, JWT, JSX , Webpack, ESLint , Babel, Prettier, Shell Scripts, Docker, GitHub, Drone-CI, u.v.m.
Technische Konzeption und Beratung zum Aufbau einer firmen- internen UI-Library.
Erstellung und Entwicklung der gesamten Architektur für die:
- Front-End Build Pipeline ( Development / Production ).
- Commandline Tools zum Generieren von neuen Komponenten.
- Das automatische Erzeugen von Demo-, Test- und Dokumentationsseiten für die Entwicklung und zur Freigabe neuer Komponenten für die Businessseite. ( Übersichtseite mit Beispielen, Status, Suche, Filter, Tags, Unterseiten mit Demos und Dokumentation, ... )
Entwicklung neuer Komponenten für die zukünftige ING-DiBa- Seite nach dem Atomic Design Prinzip.
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
Javascript, React, Redux, Redux-Saga, Reselect, React-Loadable, React-Markdown, Styled-Components, Isomorphic-Fetch, Freemarker, Gulp, Webpack, Node.js, Express, Commander, Inquirer, ESLint, StyleLint, Babel, SASS, JSX, Jest, Jenkins, u.v.m.
Unterstützung bei der Weiterentwicklung der neuen autoscout24 Webseite.
Technische Konzeption und Umsetzung von neuen Features.
Hilfe beim Aufbau einer Firmen Internen UI-Library.
Beratung zur Einführung von Service Worker.
Training von internen Front-End Developer.
Ausarbeitung von UI Konzepten ( POC‘s )
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
HTML 5, CSS 3, Javascript, ES6/ES2015, React, Redux, Redux-Saga, Reselect, Gulp, Webpack, Node.js, Express, SASS, JSX, JSS, MongoDB, Casper, Mocha, GitLab-CI, Docker, C#, .NET, PHP, MySQL, ServiceWorker, u.v.m.
Beratungsleistung im Aufbau einer Front-End Architektur.
Unterstützung in der Harmonisierung der vorhandenen Applikationslandschaft.
Unterstützung im Aufbau diverser Prototypen.
Ausarbeitung von UI Konzepten ( POC‘s )
Folgende Tools, Techniken und Frameworks wurden unter- anderem verwendet:
HTML 5, CSS 3, SASS, Javascript, ES6/ES2015, Coffeescript, AngularJS, Node.js, Express, Backbone, Marionette, RequireJS, Underscore, Sass, Grunt, Gulp, Bower, Handlebars, Jquery, MongoDB, Yeoman, Pixi.js, TweenMax, u.v.m.
Reisebereitschaft
exali IT-Haftpflicht-Siegel (Sondertarif für Freelancermap-Mitglieder)
Das original exali IT-Haftpflicht-Siegel bestätigt dem Auftraggeber, dass die betreffende Person oder Firma eine aktuell gültige branchenspezifische Berufs- bzw. Betriebshaftpflichtversicherung abgeschlossen hat. Diese Versicherung wurde zum Sondertarif für Freelancermap-Mitglieder abgeschlossen.
Versicherungsbeginn:
03.03.2016
Versicherungsende:
01.04.2024