Profilbild von Tristan Teufel Experte für Clean Code und Test Automation mit Erfahrung in React, TypeScript, MUI und NodeJs aus Buehl

Tristan Teufel

verfügbar

Letztes Update: 04.03.2024

Experte für Clean Code und Test Automation mit Erfahrung in React, TypeScript, MUI und NodeJs

Abschluss: Bachelor of Science (B.Sc.) Wirtschaftsinformatik
Stunden-/Tagessatz: anzeigen
Sprachkenntnisse: deutsch (Muttersprache) | englisch (verhandlungssicher)

Schlagwörter

Test-Driven Development ReactJS HTML Java Javascript Amazon Web Services Amazon S3 Automatisierung Test Automation Automatisiertes Test-Framework + 23 weitere Schlagwörter anzeigen

Skills

Engagierter Softwareentwickler mit über 10 Jahren Erfahrung in der Entwicklung von robustem Code für kritische Unternehmensanwendungen.
Entwickler von Jest Runner, einer VSCode-Erweiterung zur Testausführung, die seit 2020 als empfohlene Erweiterung von NX installiert wird.
Umfangreiche Erfahrung in moderner Frontend-Entwicklung und Architektur, um skalierbare Benutzeroberflächen effizient zu erstellen und zu warten.
Langjährige Projekterfahrung in React, TypeScript und Material UI (MUI).
Spezialisiert auf Testautomatisierung und testgetriebene Entwicklung (TDD).
Vertreter von Clean-Code und KISS (Keep it simple and stupid).

Kontakt & Lebenslauf:

https://teufel-it.de/

info@teufel-it.de

+4917645744166

Projekthistorie

09/2023 - bis jetzt
Test automation with Cypress and Jest for web applications in the energy sector

Achievements
  • Development of Cypress frontend integration tests.
  • Creation of unit tests with Jest.
  • Integration of TypeScript and Cypress in the CI/CD pipeline.
  • Setting up a solution for local and shared Cypress Commands in an nx monorepo.
  • Test-driven development of new components with Angular 17.
Technology used
  • TypeScript
  • Angular 17
  • Angular-Material
  • NX
  • Cypress
  • Jest
  • MongoDb
  • GraphQL
  • Apollo
  • Amazon ECS
  • MSAL (Microsoft Authenticator Library)
  • Azure

07/2023 - 08/2023
Implementation of an interactive chat system for a virtual assistant using ChatGPT
CTREAM GmbH (Internet und Informationstechnologie, < 10 Mitarbeiter)

Achievements
  • Setting up infrastructure for a Next.js project.
  • Implementation of responsive chat components with MaterialUI (MUI).
  • Representation of messages in chunks to optimize usability and performance.
  • Integration of text-to-speech functionality.
  • Provision of the output bundle as a web component for external websites.
  • Websocket integration with a Python backend for real-time communication.

Technology used
  • TypeScript
  • React
  • NextJs
  • MUI
  • React-Query
  • VS Code
  • Styled-Components
  • WebSocket
  • Python
  • ChatGPT
  • AWS API-Gateway
  • AWS Dynamo DB
  • AWS S3

10/2022 - 06/2023
Creation of user interfaces in the field of telecommunications surveillance
Atis Systems GmbH (Internet und Informationstechnologie, 50-250 Mitarbeiter)

Achievments
  • Set up a React/TypeScript project with NX tools
  • Cypress tests automatically record API responses to use as mocks
  • Webpack API Proxy set up to bypass Same-Origin-Policy
  • Set up TypeScript code generation for OpenAPI endpoints
  • Customizing of MUI components
  • Implementation of features according to customer requirements
  • Jenkins pipeline integrated with Gitlab and Rocket Chat

Technology used
  • TypeScript
  • React
  • Cypress
  • MUI
  • React-Query
  • VsCode
  • React-Beautiful-Dnd
  • OpenAPI-Typescript-generator
  • NX-Tools
  • Leaflet
  • recharts

10/2020 - 10/2022
Development of Heidelberg Cement's HConnect product suite
Heidelberg Cement ag (Architektur und Bauwesen, 1000-5000 Mitarbeiter)

Supported Heidelberg Cement ag in building the HConnect product suite. HConnect is designed to offer an ‘end-to-end’ digital experience for customers and will build additional revenues as well as reduced logistics and back-office work.

Achievements
  • Created Cypress Tests & Integrated them with Gitlab pipeline
  • Created automated Code-Coverage reports & Test results for Cypress and integrated them with Jira X-Ray
  • Enabled out-of-source import in CRA-4 Mono-Repo
  • Migrated the mono-repo from tslint to eslint & prettier
  • Test driven development around User Management & Authentication in the HConnect product suite
  • Implemented a nginx reverse proxy docker container for react-router
  • Implemented Live-SAS token creation for build scripts in Azure cloud
  • POC Migration from Yarn1 to Yarn2 with Zero Install and pnp
  • Created Deployments scripts with Azure CLI & Azcopy
Technology used
  • Azure Cloud
  • CRA
  • Vscode
  • Typescript
  • React
  • React-Query
  • SWR
  • Redux
  • React-Testing-Library
  • Jest
  • Material-ui
  • Cypress
  • Jira
  • X-Ray
  • Confluence
  • Gitlab
  • nginx

01/2020 - 09/2020
Development of software for automotive suppliers
Seeburger ag (Internet und Informationstechnologie, 250-500 Mitarbeiter)

Test-driven development of new features and components

Achievements
  • Development of new components with React and MaterialUI
  • Customizing of MaterialUI components
  • Creation of tests with React-Testing-Library and Jest
  • New dependency cruiser rules defined
  • Approach to Loading a PWA in a Monolith
  • JAX-RS web services implemented and OpenAPI annotations added
  • Custom filter created for AgGrid
Technology used
  • Java 8
  • OpenAPI
  • Gerrit
  • IntelliJ IDEA
  • Typescript
  • React
  • Redux
  • React-Testing-Library
  • Jest
  • Material-ui
  • AgGrid
  • Jira
  • Confluence
  • BitBucket

08/2019 - 12/2019
Development of a configurator for drugstores
Procter & Gamble (P&G) (Konsumgüter und Handel, 500-1000 Mitarbeiter)

Achievements
  • Introduced JSX and render functions in VueJs
  • Components divided according to automic design principles
  • Schema extensions in MySQL
  • Development of components for the configurator
Technology used
  • VueJs
  • Vuex
  • Javascript
  • Webpack
  • PHP
  • MySQL
  • Laravel
  • Git
  • Jira
  • Confluence

08/2019 - 11/2019
Development of a chat application
Teamviewer GmbH (Internet und Informationstechnologie, 250-500 Mitarbeiter)

Development and integration of new chatroom components for Teamviewer and Blizz.com

Achievements
  • Toolchain from project refactored and updated (webpack)
  • Introduced Component based development
  • Developed components for chat functionality
  • Technological approach to lazy loading an emoji picker
Technology used
  • KnockoutJs
  • Typescript
  • Webpack
  • C++
  • VisualStudio2017
  • Git
  • Jira
  • Confluence

10/2017 - 06/2019
Web Application Development for Daimler projects
Daimler ag over Etecture GmbH (Automobil und Fahrzeugbau, 1000-5000 Mitarbeiter)

Taking development lead for multiple web projects (backend and frontend) for ETECUTRE's customer projects.

Achievements
  • Created a new build system (webpack)
  • Created a new starter kit for react
  • Developed a NodeJs backend with Sequelize SQL and PostGres
  • Set up OpenAPI with SwaggerUI for our middleware
  • Set up a Jest Snapshop Test-Suite
  • Set up a JSON Webtoken Authentication for our middleware
  • Created Docker Compose yaml build scripts
  • Set up a Docker Cluster with reverse proxy (traefik)

Technology used
  • React
  • Redux
  • Reselect
  • Immutable.js
  • Typescript
  • Jest
  • Webpack
  • NodeJs
  • PostGres
  • Docker
  • Traefik
  • Sequilize
  • REST
  • Swagger
  • OpenAPI
  • Git
  • Jira
  • Confluence

05/2017 - 09/2017
Developing a gaming platform
Gameforge 4D GmbH (Internet und Informationstechnologie, 250-500 Mitarbeiter)

Working together with Gameforge, one of the biggest game publishers in Europe, to create a new gaming platform.

Achievements
  • Created middleware and microservices
  • Set up Docker scripts
  • Implemented a global logging solution for microservices in a container environment
  • PoC for migrating their web app from angular 1.x to react
  • Set up a webpack job to dynamically inject configuration to the frontend at runtime
Technology used
  • Angular 1.x
  • React
  • Redux
  • REST
  • Docker
  • Kubernetes
  • NodeJs
  • Git
  • Jira
  • Confluence
  • Webpack
  • Swagger
  • OpenAPI

01/2017 - 04/2017
Backend Development of an appointment scheduling system
Termin App GmbH (Internet und Informationstechnologie, 10-50 Mitarbeiter)

Backend development with nodeJs for Timify. A startup from Munich which creates an appointment scheduling system for medium-sized companies

Achievements
  • Refactored microservices
  • Wrote unit tests with Lab
  • Wrote intergration tests with postman
  • Created new template for Lout (API documentation for HapiJs)
  • Developed a new mongo DB layer with promise support
Technology used
  • JavaScript
  • NodeJs
  • MongoDb
  • HapiJs
  • Lout
  • Lab
  • Jira
  • Confluence
  • Git

03/2016 - 12/2016
Angular 1.x Development
Cyber Manufaktur GmbH (Internet und Informationstechnologie, < 10 Mitarbeiter)

Development of various Angular 1.x components for Cyber Manufaktur GmbH

Achievements
  • Created a webpack 1 build job for our angular 1.x project
  • Integrated JsPlump with angular 1.x to create a chart based on a json file
  • Created angular 1.x components for customers of Cyber Manufaktur GmbH
  • Some PHP & Wordpress development
Technology used
  • Angular 1.x
  • Webstorm
  • JavaScript
  • jQuery
  • PHP
  • Wordpress
  • JsPlump
  • Git
  • BitBucket

01/2015 - 12/2015
Development of a debt collection software system
arvato Financial Solutions - Bertelsmann SE & Co. KGaA (Internet und Informationstechnologie, 500-1000 Mitarbeiter)

Java development in one of arvato's Java Enterprise Applications for accounts receivable management.

Achievements
  • Development/coverage of various artifacts from requirement to go-live
  • Requirements engineering
  • Schema changes in Oracle SQL
  • Test driven development
  • Wrote unit tests with JUnit
  • Created mappings
  • Created Groovy scripts for advanced data transformation
  • Wrote documentation in Confluence
Technology used
  • Eclipse
  • Maven
  • JavaEE
  • Java 8
  • JUnit
  • Confluence
  • Jira
  • Oracle SQL Developer
  • Subversion
  • Groovy

Reisebereitschaft

Weltweit verfügbar
Profilbild von Tristan Teufel Experte für Clean Code und Test Automation mit Erfahrung in React, TypeScript, MUI und NodeJs aus Buehl Experte für Clean Code und Test Automation mit Erfahrung in React, TypeScript, MUI und NodeJs
Registrieren