Senior TypeScript Frontend Entwickler in agilem Team
Schlagwörter
Skills
Zusammenfassung
- Professioneller Frontend-Entwickler
- über 5 Jahre Projekt Erfahrung
- Schwerpunkt: Web Entwicklung in JavaScript / TypeScript / React / NextJS
- Mobile Entwicklung in React Native
- Gutes UI/UX Verständnis
- Responsive Design
- Barrierefreiheit
- Unit Tests, E2E Tests
- SSO
- Zertifizierter Professional Scrum Developer
Sprachen
- JavaScript, TypeScript
- HTML
- CSS/SCSS
Frameworks und Bibliotheken
- React
- Angular
- React Native
- Redux, Redux Saga
- Jest + Cypress
- Storybook
- MUI
- ExpressJS
- Mongoose
- Webpack
Tools
- Visual Studio
- Git, GitLab
- NPM, Yarn
- Docker
Sonstiges
- Jira, Confluence
- Professioneller Frontend-Entwickler
- über 5 Jahre Projekt Erfahrung
- Schwerpunkt: Web Entwicklung in JavaScript / TypeScript / React / NextJS
- Mobile Entwicklung in React Native
- Gutes UI/UX Verständnis
- Responsive Design
- Barrierefreiheit
- Unit Tests, E2E Tests
- SSO
- Zertifizierter Professional Scrum Developer
Sprachen
- JavaScript, TypeScript
- HTML
- CSS/SCSS
Frameworks und Bibliotheken
- React
- Angular
- React Native
- Redux, Redux Saga
- Jest + Cypress
- Storybook
- MUI
- ExpressJS
- Mongoose
- Webpack
Tools
- Visual Studio
- Git, GitLab
- NPM, Yarn
- Docker
Sonstiges
- Jira, Confluence
Projekthistorie
08/2022
-
06/2023
Weiterentwicklung Theia „AppSpace“ Electron App
Projektbeschreibung
Der Theia „AppSpace“ ist eine App in welchem Sensor-Geräte verwaltet werden können. Der AppSpace baut auf dem Theia Blueprint auf, welcher jedoch stark modifiziert werden muss um den use-cases und der Unternehmens Corporate Identity gerecht zu werden. Das Anpassen des Blueprints erfolgt über „Extensions“ welche zu bereits bestehenden „Contribution Points“ beitragen oder durch das Entwickeln eigener „Widgets“ und „Contribution Points“. Um das verwalten und konfigurieren von Geräte zu ermöglichen, können nach Bedarf verschiedene „Plugins“ aus dem „Marketplace“ installiert werden. Beispiele für „Plugins“ sind: „File Manger“, „Device Backup“, „App Installation“. Das UI dieser Plugins wird meist in Angular entwickelt und via Iframe in den „AppSpace“ eingebettet.
Meine Aufgaben
(Weiter-) Entwicklung von „Extensions“, „Plugins“ und „Widgets“
(Weiter-) Entwicklung von Webkomponenten
Responsive Design Verbesserungen
UI/UX Ideen mit einbringen & umsetzen
Updaten von Modulen
Schreiben von Unit Tests
Schreiben von E2E Tests
Technologien
Theia
TypeScript
Inversify (Dependency Injection)
React
Angular
Webcomponents
SCSS/CSS
Axios
Jest
Playwright
Webpack
Electron
Projektbeschreibung
Der Theia „AppSpace“ ist eine App in welchem Sensor-Geräte verwaltet werden können. Der AppSpace baut auf dem Theia Blueprint auf, welcher jedoch stark modifiziert werden muss um den use-cases und der Unternehmens Corporate Identity gerecht zu werden. Das Anpassen des Blueprints erfolgt über „Extensions“ welche zu bereits bestehenden „Contribution Points“ beitragen oder durch das Entwickeln eigener „Widgets“ und „Contribution Points“. Um das verwalten und konfigurieren von Geräte zu ermöglichen, können nach Bedarf verschiedene „Plugins“ aus dem „Marketplace“ installiert werden. Beispiele für „Plugins“ sind: „File Manger“, „Device Backup“, „App Installation“. Das UI dieser Plugins wird meist in Angular entwickelt und via Iframe in den „AppSpace“ eingebettet.
Meine Aufgaben
(Weiter-) Entwicklung von „Extensions“, „Plugins“ und „Widgets“
(Weiter-) Entwicklung von Webkomponenten
Responsive Design Verbesserungen
UI/UX Ideen mit einbringen & umsetzen
Updaten von Modulen
Schreiben von Unit Tests
Schreiben von E2E Tests
Technologien
Theia
TypeScript
Inversify (Dependency Injection)
React
Angular
Webcomponents
SCSS/CSS
Axios
Jest
Playwright
Webpack
Electron
06/2022
-
08/2022
Lead React Frontend Entwickler in agilem Team
(Automobil und Fahrzeugbau)
Neu Entwicklung Rollout Platform für voriges Projekt
Projektbeschreibung
Die Datenschutzportal-Lösung soll für weitere Märkte ausgerollt werden. Um diesen Prozess zu unterstützen wird die „Rollout Platform“ umgesetzt. Dort haben Administratoren die Möglichkeit die Märkte einzuladen, Prozesse zu verwalten und zu koordinieren. Märkte können den eigenen Prozess einsehen und nötige Informationen den Administratoren zur Verfügung stellen.
Meine Aufgaben
Konzeption & Umsetzung des MVP
Login Handling
Rollen Management
Routen Management
Implementierung der Mehrsprachigkeit
Unit Tests
Anbindung von API Endpoints
Error Handling
Dokumentation
Technologien
React
Typescript
SCSS
i18next
Axios
React Query
Jest
Storybook
NodeJS Backend
Jira, Confluence, Bitbucket
Projektbeschreibung
Die Datenschutzportal-Lösung soll für weitere Märkte ausgerollt werden. Um diesen Prozess zu unterstützen wird die „Rollout Platform“ umgesetzt. Dort haben Administratoren die Möglichkeit die Märkte einzuladen, Prozesse zu verwalten und zu koordinieren. Märkte können den eigenen Prozess einsehen und nötige Informationen den Administratoren zur Verfügung stellen.
Meine Aufgaben
Konzeption & Umsetzung des MVP
Login Handling
Rollen Management
Routen Management
Implementierung der Mehrsprachigkeit
Unit Tests
Anbindung von API Endpoints
Error Handling
Dokumentation
Technologien
React
Typescript
SCSS
i18next
Axios
React Query
Jest
Storybook
NodeJS Backend
Jira, Confluence, Bitbucket
02/2021
-
06/2022
Lead React Frontend Entwickler in agilem Team
(Automobil und Fahrzeugbau)
Neuentwicklung Data Privacy Portal + Admin Console
Projektbeschreibung
Umsetzung eines Datenschutzportals in welchem User sich informieren und eine Anfrage zu gesammelten Daten der betroffenen Person stellen können. Die Anfrage geschieht über ein mehrschrittiges Formular. Die eingegeben Daten werden an verschiedene Schnittstellen und Systeme verteilt und bearbeitet. Außerdem kann ein Admin über die sogenannte „Admin Console“ Inhalte wie Texte, Übersetzungen, Dokumente, FAQs, usw. pflegen. Das Ziel ist es, den Prozess der Datenauskunft soweit es geht zu automatisieren. Zukünftig soll diese Lösung auch für andere Länder realisiert werden.
Meine Aufgaben
Konzeption und Erstellung einer Whitelabel-Lösung
Erstellen verschiedener Komponenten, welche für das Datenschutzportal sowie für die „Admin Console“ verwendet werden.
Konfiguration des React Projekts
Konfiguration Storybook
Implementierung der Mehrsprachigkeit
Barrierefreiheit
Testen einzelner Komponenten
Anbindung von API Endpoints
Error Handling
Dokumentation
Technologien
React
Typescript
SCSS
i18next
Axios
React Query
Jest
Storybook
NodeJS Backend
Jira, Confluence, Bitbucket
Projektbeschreibung
Umsetzung eines Datenschutzportals in welchem User sich informieren und eine Anfrage zu gesammelten Daten der betroffenen Person stellen können. Die Anfrage geschieht über ein mehrschrittiges Formular. Die eingegeben Daten werden an verschiedene Schnittstellen und Systeme verteilt und bearbeitet. Außerdem kann ein Admin über die sogenannte „Admin Console“ Inhalte wie Texte, Übersetzungen, Dokumente, FAQs, usw. pflegen. Das Ziel ist es, den Prozess der Datenauskunft soweit es geht zu automatisieren. Zukünftig soll diese Lösung auch für andere Länder realisiert werden.
Meine Aufgaben
Konzeption und Erstellung einer Whitelabel-Lösung
Erstellen verschiedener Komponenten, welche für das Datenschutzportal sowie für die „Admin Console“ verwendet werden.
Konfiguration des React Projekts
Konfiguration Storybook
Implementierung der Mehrsprachigkeit
Barrierefreiheit
Testen einzelner Komponenten
Anbindung von API Endpoints
Error Handling
Dokumentation
Technologien
React
Typescript
SCSS
i18next
Axios
React Query
Jest
Storybook
NodeJS Backend
Jira, Confluence, Bitbucket
08/2020
-
02/2021
React + React Native Frontend Entwickler
Covid-19 Mobile App + Portal für das Gesundheitsamt des Main Kinzig Kreises „Daicy“
Projektbeschreibung
Daicy ermöglicht dem User Kontakte mit anderen Personen zu tracken und diese verschlüsselt an das Gesundheitsamt des MKKs zu übertragen. Außerdem erlaubt die App verschiedene Zertifikate wie z.B. das Impfzertifikat einzuscannen und in der App zu hinterlegen. Alle persönlichen Daten werden ausschließlich lokal gespeichert. Diese App ist für IOS und Android verfügbar.
Meine Aufgaben
Architektur
UI/UX
Umsetzen von Screens und Funktionalitäten
Rest APIs anbinden
Erstellen von Releases für IOS und Android
Technologien
React
React Native
Redux / Redux Persist / Redux Saga
Typescript
Jira, Bitbucket
Projektbeschreibung
Daicy ermöglicht dem User Kontakte mit anderen Personen zu tracken und diese verschlüsselt an das Gesundheitsamt des MKKs zu übertragen. Außerdem erlaubt die App verschiedene Zertifikate wie z.B. das Impfzertifikat einzuscannen und in der App zu hinterlegen. Alle persönlichen Daten werden ausschließlich lokal gespeichert. Diese App ist für IOS und Android verfügbar.
Meine Aufgaben
Architektur
UI/UX
Umsetzen von Screens und Funktionalitäten
Rest APIs anbinden
Erstellen von Releases für IOS und Android
Technologien
React
React Native
Redux / Redux Persist / Redux Saga
Typescript
Jira, Bitbucket
10/2020
-
01/2021
React Native Entwickler
Lokale Filialen Mobile App
Projektbeschreibung
In dieser App geht es darum Artikel, Dienstleistungen, Speisekarten etc. von lokalen Geschäften und Restaurants zu digitalisieren. Dazu kann der User über seinen zuvor angelegten Account seine Filiale erstellen. In dieser lassen sich die üblichen Infos wie Standort, Öffnungszeiten, Zahlungsmittel etc. hinzufügen. Außerdem können mithilfe eines QR-Code-Scanners Artikel in das digitale Sortiment aufgenommen werden. Diese Artikel und Filialen lassen sich über eine Webseite durchsuchen. Die App ist für Android und IOS verfügbar.
Meine Aufgaben
Umsetzten von Screens und Komponenten
UI/UX Ideen mit einbringen
Rest APIs anbinden
State Management
Technologien
TypeScript
React Native
Redux
Rest-API (Symphony Backend)
Jira, Bitbucket
Projektbeschreibung
In dieser App geht es darum Artikel, Dienstleistungen, Speisekarten etc. von lokalen Geschäften und Restaurants zu digitalisieren. Dazu kann der User über seinen zuvor angelegten Account seine Filiale erstellen. In dieser lassen sich die üblichen Infos wie Standort, Öffnungszeiten, Zahlungsmittel etc. hinzufügen. Außerdem können mithilfe eines QR-Code-Scanners Artikel in das digitale Sortiment aufgenommen werden. Diese Artikel und Filialen lassen sich über eine Webseite durchsuchen. Die App ist für Android und IOS verfügbar.
Meine Aufgaben
Umsetzten von Screens und Komponenten
UI/UX Ideen mit einbringen
Rest APIs anbinden
State Management
Technologien
TypeScript
React Native
Redux
Rest-API (Symphony Backend)
Jira, Bitbucket
08/2019
-
03/2020
Frontend Entwickler für eine Nord Deutsche Bank in agilem Team
Projektbeschreibung
Entwicklung einer SPA für die Aufnahme von Kreditprozessen einer Bank. Über ein Formular lassen sich neue Kreditprozesse erstellen. Außerdem erhält der Anwender eine Übersicht der bereits erstellten Kreditprozesse und kann diese ergänzen und auswerten.
Meine Aufgaben
• User Verwaltung (Verwaltung und Login mit Keycloak)
• Rollen und Rechte
• Speicher-Konzept (Speichern und aktualisieren der Datensätze)
• Erstellung einer Komponentenbibliothek (diese Bibliothek soll für weitere interne Applikationen zum Einsatz kommen)
• State Handling
• Multianguage
• Error Handling
• TesIng
• Dokumentation
Technologien
• React + Redux
• Typescript
• Lerna
• HTML/SCSS
• Java Backend
• i18next
• Storybook
• Cypress + Jest
• Jira, Gitlab
Entwicklung einer SPA für die Aufnahme von Kreditprozessen einer Bank. Über ein Formular lassen sich neue Kreditprozesse erstellen. Außerdem erhält der Anwender eine Übersicht der bereits erstellten Kreditprozesse und kann diese ergänzen und auswerten.
Meine Aufgaben
• User Verwaltung (Verwaltung und Login mit Keycloak)
• Rollen und Rechte
• Speicher-Konzept (Speichern und aktualisieren der Datensätze)
• Erstellung einer Komponentenbibliothek (diese Bibliothek soll für weitere interne Applikationen zum Einsatz kommen)
• State Handling
• Multianguage
• Error Handling
• TesIng
• Dokumentation
Technologien
• React + Redux
• Typescript
• Lerna
• HTML/SCSS
• Java Backend
• i18next
• Storybook
• Cypress + Jest
• Jira, Gitlab
03/2019
-
08/2019
React Frontend Entwickler
Projektbeschreibung
Entwicklung eines Caravan Konfigurators in React. In diesem Konfigurator kann der User über mehrere Schritte sein Reisefahrzeug individuell konfigurieren. Anschließend kann eine PDF generiert, sowie die Konfiguration gespeichert werden. Dazu erhält der User einen Code, mit welchem er seine Konfiguration erneut laden kann. Dieser Konfigurator ist eingebettet in eine Wordpress Seite.
Meine Aufgaben
• Umsetzung des UIs
• Anbindung der APIs
• State Handling
Technologien
• React
• Redux + Redux Saga
• Ajax Endpoints
• Typo3 Backend
• Jira, Bitbucket
Entwicklung eines Caravan Konfigurators in React. In diesem Konfigurator kann der User über mehrere Schritte sein Reisefahrzeug individuell konfigurieren. Anschließend kann eine PDF generiert, sowie die Konfiguration gespeichert werden. Dazu erhält der User einen Code, mit welchem er seine Konfiguration erneut laden kann. Dieser Konfigurator ist eingebettet in eine Wordpress Seite.
Meine Aufgaben
• Umsetzung des UIs
• Anbindung der APIs
• State Handling
Technologien
• React
• Redux + Redux Saga
• Ajax Endpoints
• Typo3 Backend
• Jira, Bitbucket
08/2015
-
01/2019
Junior Frontend Entwickler in kleinem Team
2mt Software Solutions GmbH & Co. KG
(Medien und Verlage, < 10 Mitarbeiter)
Diverse Web und App Projekte
- Planen und Umsetzen von Web und App Projekten
- Wartung und Pflege von Webseiten
- Kundengespräche
Technologien
- HTML
- CSS
- JS
- PHP
- React
- October CMS
- Wordpress
- Planen und Umsetzen von Web und App Projekten
- Wartung und Pflege von Webseiten
- Kundengespräche
Technologien
- HTML
- CSS
- JS
- PHP
- React
- October CMS
- Wordpress
Reisebereitschaft
Nur Remote verfügbar
