Web-App-Entwicklung - Fullstack - Angular & Java Spring/Spring Boot - agiles Mindset
Aktualisiert am 26.07.2024
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 17.10.2024
Verfügbar zu: 100%
davon vor Ort: 20%
Spring-Boot
Angular
Java
TypeScript
REST
WebSocket
Azure
CSS
HTML
JavaScript
OpenAPI
Material Design
RxJS
NgRX
Karma

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

2 Jahre 3 Monate
2022-07 - heute

Unternehmens-Website

Frontend-Entwickler ReactJS NextJS SanityIO ...
Frontend-Entwickler
  • dieses Team bestehend aus zwei Web-App-Entwicklern, die sich mit ihren Fähigkeiten perfekt ergänzen
  • Als wir mit (auf Anfrage) starteten, entschieden wir uns, eine sehr einfache, quick & dirty Lösung einer Website zu implementieren, um sie später, sobald wir die Zeit dafür finden, zu überdenken und neu zu gestalten
  • Im Gespräch mit mehreren Interessenten stellten wir fest, dass sie uns nicht als ein Team von zwei Personen wahrnehmen, sondern als zwei einzelne Freiberufler. Es war an der Zeit, das zu ändern
  • Außerdem war es sehr zeitaufwendig, die Inhalte auf unserer Website und unseren PDF-Profilen zu aktualisieren
  • Zunächst mussten wir den Fokus unserer Website von zwei einzelnen Freiberuflern auf der Website als Ganzes verlagern
  • Deshalb entfernten wir die einzelnen Profile von unserer Website und entwarfen eine neue Seitenstruktur, die in erster Linie (auf Anfrage) und seine Projekte mit einem Hinweis darauf, wer an diesen Projekten gearbeitet hat, darstellt
  • Um die Inhalte für unsere Website und Profile einfach hinzufügen und bearbeiten zu können, entschieden wir uns für ein Headless CMS (Content Management System)
  • Es enthält einen gemeinsamen Datensatz für die Website und die Profile. Auf diese Weise müssen wir unsere Website- und Profil-PDFs nicht mehr einzeln bearbeiten
  • Da wir uns eine Zusammenarbeit mit englischsprachigen Unternehmen gut vorstellen können, haben wir uns auch entschieden, unsere Website und Profile sowohl auf Deutsch als auch auf Englisch auszuliefern
  • Nicht zuletzt müssen auch die Kontaktmöglichkeiten neu gestaltet werden. In Zukunft hat ein Interessent zwei Kontaktmöglichkeiten: wenn wir verfügbar für eine Auftragsvergabe sind, gibt es ein Kontaktformular, oder wenn nicht, gibt es den Hinweis, sich für einen "Verfügbarkeits"-Newsletter anzumelden
  • In beiden Fällen erfahrt ihr, wann wir für einen Auftrag frei sind
  • Als Headless CMS wurde SanityIO eingesetzt
  • Sanity ist ein sehr leichtgewichtiges und anpassbares CMS, in welchem wir Daten über z.B. Projekte und Autoren in Deutsch und Englisch speichern. So haben wir die Möglichkeit, alle Daten einfach an einem Ort zu speichern und für die Website und Profil-PDFs zu nutzen
  • Für das Frontend verwendeten wir NextJS mit statischer Seitengenerierung, das auf ReactJS aufbaut, weil es uns das Look & Feel einer Web-App, die Leistung einer statischen Website und Vorteile bei SEO (Suchmaschinenoptimierung) gibt
  • Das UI/UX-Design wurde mit Figma erstellt und mit Tailwind CSS implementiert/ generiert
  • Jede Seite wird dynamisch aus den von Sanity abgerufenen Daten generiert
  • Wir implementierten auch meta-, opengraph und jsonld-Tags für jede Seite, um SEO und Vorschaukarten zu optimieren
  • Wenn Sie die Website ohne Pfadangabe öffnen, wird die bevorzugte Browsersprache verwendet
  • Sie können auch in der Kopfleiste zwischen den Sprachen umschalten
  • Unsere Profil-PDFs werden jetzt dynamisch aus HTML mit den Daten von Sanity generiert
  • Das wird noch kommen: Interessenten können uns derzeit auf unserer Website kontaktieren, indem sie einen Termin über Calendly buchen. Während Calendly ein super praktisches Tool ist, bekommen wir zu viele Nachrichten - nicht nur von echten Personen
  • Der neue Ansatz sieht eine Kontaktseite vor, die (abhängig von den Projekt-Enddaten von Sanity) ein Kontakt- oder ein Newsletter-Anmeldeformular ausgibt, das euch über den aktuellen Stand unserer Verfügbarkeit informiert.
ReactJS NextJS SanityIO TailwindCSS TypeScript HTML NodeJS CSS JavaScript Figma SEO Github Git Jira Confluence Scrum
Web-Consulting
1 Jahr
2022-10 - 2023-09

Modulentwicklung

Frontend Developer Spring-Boot Angular TypeScript ...
Frontend Developer
  • Diese Firma ist ein weltweit agierendes Unternehmen, welches sich auf die Entwicklung und Produktion von Medizintechnik spezialisiert hat und diese vertreibt.
  • Eines der Produkte ist die App, die verschiedene Module für kollaboratives Arbeiten zwischen Rettungskräften vor Ort und Telenotärzten anbietet
  • Darunter zählen Module wie Einsatz-Chats und Video-Telefonie
  • Dies erlaubt es Telenotärzten benötigte Maßnahmen anzuordnen, die zeitkritisch für den Patienten sind und somit lebensrettend sein können
  • Für eine hohe Flexibilität wird die Applikation als Web-App für Desktop-PCs und mobile App für iOS und Android angeboten
  • Zusätzlich müssen Rettungskräfte ihre Einsätze dokumentieren und alle Befunde sowie Maßnahmen für eine Übergabe erfassen
  • Bisher geschah dies auf Vordrucken, deren Ausfüllung durch Unübersichtlichkeit und Fehleranfälligkeit erschwert wird
  • Daher ist ein möglichst intuitives und unterstützendes Tool zur Dokumentation nötig, welches deutlich besser und direkter auf den Einsatz zugeschnitten ist
  • Um unser Verständnis für die Anforderungen der Rettungskräfte zu verbessern, wurden wir zu einem praktischen Workshop eingeladen
  • Während dieses Workshops wurde ein Rettungsvorgang vom Eintreffen bis zum  Transport in einem echten Rettungswagen mithilfe von geschulten Sanitätern simuliert
  • Für die Dokumentation wird ein neues Modul entwickelt
  • Die Firma entwickelt für dieses Modul eine Web-Applikation, mobile Apps für iOS und Android sowie das dazugehörige Backend
  • Der Fokus liegt auf einer guten UX (Benutzerfreundlichkeit), insbesondere während eines Rettungseinsatzes
  • Dabei nutzen wir für medizinisches Personal bekannte Schemata wie FAST und ABCDE und bieten diese so an, dass Sie einfach und schnell sowohl am PC, als auch auf einem Tablet ausgefüllt werden können.
  • Unser Team ist für die Entwicklung der Web-App zuständig. Für die Web-Oberfläche wird auf das Angular Framework gesetzt, die Programmierung selbst wird mit TypeScript durchgeführt
  • Das Backend baut auf eine Spring-Boot-Applikation mit Java auf und bietet REST-Schnittstellen, wie auch Web Sockets für die verschiedenen Clients
  • Für die Datenbank verwenden wir eine MongoDB
  • Da die Applikation weltweit im Einsatz ist, implementierten wir einen internationalisierten Hybriden, der jedem Kunden ein hohes Maß an Individualisierbarkeit der Terminologien anbietet.
Spring-Boot Angular TypeScript Java REST Web Socket Azure CSS HTML JavaScript OpenAPI Angular Material RxJS NgRX
Medizintechnik
1 Jahr 2 Monate
2021-05 - 2022-06

Tarifrechner

Frontend-Engineer Angular TypeScript JavaScript ...
Frontend-Engineer
  • Ein deutscher Industrieversicherer mit eigener Software-Entwicklungsabteilung hatte einerseits mit historisch gewachsenen Problemen bestehender Tarifrechner zu kämpfen und andererseits noch nicht alle Tarifrechner digitalisiert
  • Bestehende online-verfügbare sowie fehlende Tarifrechner sollten angelehnt an aktuelle interne Prozesse und mit guter Performance neu konzipiert und umgesetzt werden
  • Wir entwickelten neue Apps in Angular. Ich habe für 4 Teams gearbeitet und mehrere Angular-Komponenten für verschiedene Tarifrechner implementiert, indem ich Inhouse-entwickelte UI-Komponenten verwendete
  • Nicht nur das Look-and-Feel des Frontends wurde modernisiert ? wir haben auch Tools wie A/B-Tests zur Verbesserung der Kundenzufriedenheit und ein besser automatisiertes Error-Reporting implementiert, um in Produktion noch schneller auf technische Probleme reagieren zu können.
Angular TypeScript JavaScript HTML CSS NodeJS Git Scrum Jira Confluence TFS
Versicherungen
9 Monate
2020-04 - 2020-12

Wissensvermittlung Angular

Frontend-Entwickler & Workshop-Trainer Angular TypeScript JavaScript ...
Frontend-Entwickler & Workshop-Trainer
  • Ein industrielles Versicherungsunternehmen mit einer eigenen Software-Entwicklungs-Abteilung setzt einen Pool von Altsoftware ein
  • Aufgrund von Änderungen in den internen Abläufen, Leistungsproblemen und schlechter Benutzerfreundlichkeit wurden mehrere Anwendungen neu überdacht und sollten unter Verwendung moderner Technologien neu entwickelt werden.
  • Ich unterstützte in 2 Teams, in welchen ich ein Admin-Dashboard für die grafische Auswertung von internen Daten implementierte und am Frontend bei der Abarbeitung von User Stories unterstützte.
  • Darüber hinaus hielt ich einen 2-tägigen Angular-Workshop für eine Gruppe von ~10 Java-Backend-Entwicklern
  • Der Workshop war in theoretische und praktische Abschnitte unterteilt, sodass die Teilnehmer ihr neu gewonnenes Wissen direkt anwenden und vertiefen konnten
  • Zu den abgedeckten Themen gehörten eine allgemeine Einführung in Angular, Angular Router, Observables, Angular Forms (template-driven und reactive), Angular Architecture (Components, Inputs und Outputs, ContentChildren und ViewChildren) und Angular Material
Angular TypeScript JavaScript HTML CSS NodeJS Material Design RxJS Englisch IntelliJ Git Octane Scrum SAFe
Versicherungen
3 Monate
2020-01 - 2020-03

Freigabeprozess-Verwaltung

Frontend-Entwickler Angular Java TypeScript ...
Frontend-Entwickler
  • Ein weltweit tätiges Unternehmen in der Tourismus-, Freizeit- und Schifffahrtsbranche bietet eine Schnittstelle zwischen Hotelbetreibern und Reisebüros, indem es eine große Datenbank mit Zimmerstatus unterhält, die Reisebüros täglich abrufen können
  • Die Pflege dieser Datenbank erfolgte bisher manuell
  • Es wurde ein automatisierter Ansatz benötigt, um eine große Anzahl von Hotelzimmern durch einen regelbasierten Genehmigungsprozess zu schicken und sie dann dem Endkunden über verschiedene Vertriebskanäle anzubieten
  • Unter ständigem Austausch mit anderen Teams wurde eine Anwendung entworfen und entwickelt, welche für die Definition, Verwaltung und Konfiguration der Regeln zuständig ist
  • Die Anwendung wurde in Angular 8 und Spring Boot entwickelt
Angular Java TypeScript Spring-Boot JavaScript Hibernate HTML AWS CSS Docker NodeJS Kubernetes TailwindCSS HELM RxJS RPA Englisch Git Maven Jenkins IntelliJ Jira Scrum
Touristik
8 Monate
2019-05 - 2019-12

Whitepaper-Portal

Frontend-Entwickler Angular TypeScript JavaScript ...
Frontend-Entwickler
  • Ein großer Messe-Veranstalter investierte in das Innovationsmanagement, mit dem Ziel, mehr Aufmerksamkeit bei potenziellen Besuchern und Kunden zu generieren
  • Wir entwickelten eine Webplattform, die Whitepapers in Form von PDF-Dateien und Podcasts bereitstellt
  • Sie wurde so konzipiert, dass sie sowohl von Unternehmen als auch von Privatpersonen genutzt werden kann
  • Wir entwickelten eine responsive Single-Page-Application (SPA) bei kontinuierlicher gemeinsamer Ideen- und Entscheidungsfindung, regelmäßigen User-Tests sowie Anwendung agiler Methoden und Tools
  • Die Web-App wurde in Angular 8 und NodeJS + ExpressJS entwickelt und auf Firebase - unter Verwendung von Firebase Functions, FireStore, Cloud Storage for Firebase und Firebase Authentication - gehostet
  • Die implementierten Features umfassten den Up- und Download von Whitepapers, die Suche von Whitepapers (unter anderem mithilfe von Tags zu diversen Innovationsthemen), das automatisierte Spreading auf verschiedenen anderen bekannten Plattformen, die automatisierte Generierung von Audio-Dateien, die als Podcasts dienen und ebenfalls automatisiert auf andere bekannte Plattformen gespreadet wurden und sehr hohes SEO-Ranking mithilfe von Server-Side-Rendering (Angular Universal), regelkonformem Einsatz von HTML-Tags und Backlinks
  • Hierbei spielte Robotic Process Automation (RPA) eine große Rolle
  • Das Hochladen eines Whitepapers erfordert über die PDF-Datei hinaus Metadaten, wie Name des Autors, Veröffentlichungsdatum und einen kurzen Einleitungstext, der vor dem Download auf der Detail-Page angezeigt werden kann
  • Diese Werte wurden automatisiert ausgelesen und in einem Formular vorbelegt, sodass der User möglichst wenig Arbeit hat
  • Das Generieren von Audio-Dateien lösten wir durch einen Python-Script, der die PDFs nach Content durchsucht und diesen kategorisiert (bspw. nach Haupttext, Überschriften und Bildunterschriften)
  • Ein externer Online-Dienst generierte aus diesem Text eine Audio-Datei durch Einsatz einer Computergenerierten Stimme
  • Dieser Prozess lief asynchron und der Podcast ist nach Upload eines PDFs innerhalb weniger als einer Stunde online
Angular TypeScript JavaScript HTML CSS NodeJS Material Design ExpressJS Firebase Google Cloud Platform RxJS NgRX RPA Englisch IntelliJ Git Jira Confluence BitBucket Scrum Kanban
Messe-Veranstalter
3 Monate
2019-03 - 2019-05

Patienten-Dokumentation

Frontend-Entwickler HTML CSS JavaScript ...
Frontend-Entwickler
  • Pflegekräfte und Ärzte arbeiten mit einer Dokumentations-Software des Kunden in den Fachbereichen vollstationäre Pflege, Hospiz, Kurzzeitpflege, Tagespflege und Verhinderungspflege
  • Gesetzliche Änderungen hatten kurzfristig Feature-Requests zur Folge
  • Ein wesentlicher Bestandteil eines neuen Gesetzes ist die visuelle Bewertung einer großen Menge von Informationen
  • Dies sollte in Diagrammen und Tabellen dargestellt werden
  • Ich entwickelte eine Erweiterung der Applikation in GWT um die Berechnung und Darstellung der geforderten Zahlen
  • Der Aufgabenbereich erstreckte sich über Front- und Backend
HTML CSS JavaScript Java GWT Microsoft SQL Server IntelliJ Git
Gesundheit
1 Jahr 1 Monat
2018-03 - 2019-03

Reisebuchungs-Portal

Frontend-Entwickler HTML CSS JavaScript ...
Frontend-Entwickler
  • Der Kunde stellt IFrame-Suchpanels mit Anbindung zur eigenen Reisebuchungs-Datenbank für mehrere Hundert Kunden-Websites zur Verfügung und nimmt Aufträge für die Entwicklung der Websites entgegen
  • Erhöhtes Arbeitsaufkommens erforderte Unterstützung bei der Abarbeitung diverser User-Stories, bei denen ich unterstützte
  • Ich unterstützte das Team bei der Implementierung des Vanilla-JavaScript Frontends und PHP-Backends. Das Verhältnis von Bug-Fixing zu Neuentwicklung war ausgeglichen
HTML CSS JavaScript PHP PimCore JSONP Git Jira Scrum
Touristik
1 Jahr 1 Monat
2017-08 - 2018-08

Qualitätsüberprüfung

Frontend-Entwickler Angular TypeScript HTML ...
Frontend-Entwickler
  • Die Bewertung von Fahrzeugen, Haltestellen und Servicemitarbeitern (Wartung, Reinigung und andere Faktoren) eines regionalen Nahverkehrsunternehmens wurde in Papierform durchgeführt. Es gab bereits eine Internetanwendung, in die die Formulare nach der Bewertung manuell eingegeben wurden. Diese Methode war kostspielig, zeitaufwändig und fehleranfällig.
  • Zur Digitalisierung des Überprüfungsprozesses wurde eine hybride iOS-Applikation implementiert. Als Arbeitsgeräte dienten Apple iPads, die ohne mobiles Internet betrieben wurden. Die Datensynchronisation sollte auf das firmeneigene WLAN beschränkt bleiben. Vor Beginn ihrer Arbeit luden die Mitarbeiter Fragebögen und Routen auf ihre iPads. Wenn ein Mitarbeiter seine Route abgeschlossen hatte, kehrte er ins firmeneigene WLAN zurück, füllte die Formulare aus und lud die daraus resultierenden Daten auf den Server.
  • Wir entwickelten eine Angular-Applikation, die unter Einsatz von Ionic Cordova auf iOS-Geräten installierbar wurde. Die offline-Funktionalität implementierten wir mithilfe eines Teil-Datenbank-Abbilds auf einer lokalen SQLite-Datenbank. Dieses Teil-Datenbank-Abbild enthielt außerdem Benutzernamen und MD5-encodierte Passwörter für die lokale Authentifizierung auf dem Gerät.
Angular TypeScript HTML CSS NodeJS Bootstrap Ionic Cordova SQLite Git IntelliJ
Nahverkehr
3 Monate
2017-06 - 2017-08

Realtime-Kollaboration

Frontend-Entwickler Angular TypeScript HTML ...
Frontend-Entwickler
  • Ein beliebter Online-Versandhändler hatte regelmäßig Probleme, wenn mehrere Nutzer versuchten, Artikel aus einer Wunschliste zu kaufen, weil sie nicht wussten, ob der Artikel bereits gekauft worden war
  • Ziel dieses Projektes war die Neuentwicklung einer eigenständigen Web-Applikation, die es Kunden ermöglicht, kollaborativ auf Wunschlisten zuzugreifen, sodass Artikel von einem Nutzer gekauft und diese von allen anderen Nutzern nicht mehr ausgewählt werden können.
  • Zu diesem Zweck wurde eine Angular + Spring Boot-Anwendung mit AWS-Authentifizierung entwickelt
Angular TypeScript HTML CSS NodeJS Java Spring-Boot Maven Git
E-Commerce

Aus- und Weiterbildung

Aus- und Weiterbildung

Studium - Informatik
Hochschule Harz, Wernigerode
  • Intelligente Programmierung
  • Verteilte Automatisierungssysteme
  • Softwaretechnik
Abschluss: Bachelor of Science

Weiterbildung
  • Angular in FlipFlops, Las Palmas, Spanien
  • Bootcamp Angular 7
    • 4-tägiger deep-dive in Angular 7
    • 2-tägiger Hackathon

Kompetenzen

Kompetenzen

Top-Skills

Spring-Boot Angular Java TypeScript REST WebSocket Azure CSS HTML JavaScript OpenAPI Material Design RxJS NgRX Karma

Schwerpunkte

Angular
React
TailwindCSS
JavaScript
TypeScript
Agiles Mindset

Produkte / Standards / Erfahrungen / Methoden

Angular
TypeScript
SCSS
CSS
RxJS
JavaScript
HTML
VSCode
IntelliJ Idea
TailwindCSS
npm
NodeJS
DevTools
Confluence
Jira
Lean
SAFe
Kanban
Scrum
BitBucket
NgRx
SEO
Firebase
React
Figma
Gitlab
Github
Profil
Ich bin eine kreative und leidenschaftliche Softwareentwicklerin mit einem starken User-Fokus und einem Auge fürs Detail. Ich fühle mich in der agilen und zukunftsorientierten Welt zuhause. Ich hinterfrage Prozesse, denn auch bewährte Methoden sind nicht immer die erfolgversprechendsten. Zu meinen privaten Leidenschaften zählen die Robotik, Recommender-Systeme, KI und das Ballett.

Meine Erfahrungen
Frontends sind die Schnittstelle zwischen User und der Anwendungslogik. Damit sind sie die wirkungsvollste Einheit, wenn es um die Zufriedenheit mit der Software geht. Agiles Vorgehen bei direktem Austausch mit dem User, hohe Performance und die Anwendung von UI/UX-Heuristiken zeichnen meine Arbeit aus. Ein Ausschnitt meiner Erfahrungen:
  • Neuentwicklung und Erweiterung von Web- und Hybrid-Apps
  • Projekte auf StartUp- und Enterprise-Niveau
  • Arbeiten in einem agilen Team (Scrum, Kanban)
  • Frontend-Architektur

Einsatzorte

Einsatzorte

Deutschland, Schweiz, Österreich
möglich

Projekte

Projekte

2 Jahre 3 Monate
2022-07 - heute

Unternehmens-Website

Frontend-Entwickler ReactJS NextJS SanityIO ...
Frontend-Entwickler
  • dieses Team bestehend aus zwei Web-App-Entwicklern, die sich mit ihren Fähigkeiten perfekt ergänzen
  • Als wir mit (auf Anfrage) starteten, entschieden wir uns, eine sehr einfache, quick & dirty Lösung einer Website zu implementieren, um sie später, sobald wir die Zeit dafür finden, zu überdenken und neu zu gestalten
  • Im Gespräch mit mehreren Interessenten stellten wir fest, dass sie uns nicht als ein Team von zwei Personen wahrnehmen, sondern als zwei einzelne Freiberufler. Es war an der Zeit, das zu ändern
  • Außerdem war es sehr zeitaufwendig, die Inhalte auf unserer Website und unseren PDF-Profilen zu aktualisieren
  • Zunächst mussten wir den Fokus unserer Website von zwei einzelnen Freiberuflern auf der Website als Ganzes verlagern
  • Deshalb entfernten wir die einzelnen Profile von unserer Website und entwarfen eine neue Seitenstruktur, die in erster Linie (auf Anfrage) und seine Projekte mit einem Hinweis darauf, wer an diesen Projekten gearbeitet hat, darstellt
  • Um die Inhalte für unsere Website und Profile einfach hinzufügen und bearbeiten zu können, entschieden wir uns für ein Headless CMS (Content Management System)
  • Es enthält einen gemeinsamen Datensatz für die Website und die Profile. Auf diese Weise müssen wir unsere Website- und Profil-PDFs nicht mehr einzeln bearbeiten
  • Da wir uns eine Zusammenarbeit mit englischsprachigen Unternehmen gut vorstellen können, haben wir uns auch entschieden, unsere Website und Profile sowohl auf Deutsch als auch auf Englisch auszuliefern
  • Nicht zuletzt müssen auch die Kontaktmöglichkeiten neu gestaltet werden. In Zukunft hat ein Interessent zwei Kontaktmöglichkeiten: wenn wir verfügbar für eine Auftragsvergabe sind, gibt es ein Kontaktformular, oder wenn nicht, gibt es den Hinweis, sich für einen "Verfügbarkeits"-Newsletter anzumelden
  • In beiden Fällen erfahrt ihr, wann wir für einen Auftrag frei sind
  • Als Headless CMS wurde SanityIO eingesetzt
  • Sanity ist ein sehr leichtgewichtiges und anpassbares CMS, in welchem wir Daten über z.B. Projekte und Autoren in Deutsch und Englisch speichern. So haben wir die Möglichkeit, alle Daten einfach an einem Ort zu speichern und für die Website und Profil-PDFs zu nutzen
  • Für das Frontend verwendeten wir NextJS mit statischer Seitengenerierung, das auf ReactJS aufbaut, weil es uns das Look & Feel einer Web-App, die Leistung einer statischen Website und Vorteile bei SEO (Suchmaschinenoptimierung) gibt
  • Das UI/UX-Design wurde mit Figma erstellt und mit Tailwind CSS implementiert/ generiert
  • Jede Seite wird dynamisch aus den von Sanity abgerufenen Daten generiert
  • Wir implementierten auch meta-, opengraph und jsonld-Tags für jede Seite, um SEO und Vorschaukarten zu optimieren
  • Wenn Sie die Website ohne Pfadangabe öffnen, wird die bevorzugte Browsersprache verwendet
  • Sie können auch in der Kopfleiste zwischen den Sprachen umschalten
  • Unsere Profil-PDFs werden jetzt dynamisch aus HTML mit den Daten von Sanity generiert
  • Das wird noch kommen: Interessenten können uns derzeit auf unserer Website kontaktieren, indem sie einen Termin über Calendly buchen. Während Calendly ein super praktisches Tool ist, bekommen wir zu viele Nachrichten - nicht nur von echten Personen
  • Der neue Ansatz sieht eine Kontaktseite vor, die (abhängig von den Projekt-Enddaten von Sanity) ein Kontakt- oder ein Newsletter-Anmeldeformular ausgibt, das euch über den aktuellen Stand unserer Verfügbarkeit informiert.
ReactJS NextJS SanityIO TailwindCSS TypeScript HTML NodeJS CSS JavaScript Figma SEO Github Git Jira Confluence Scrum
Web-Consulting
1 Jahr
2022-10 - 2023-09

Modulentwicklung

Frontend Developer Spring-Boot Angular TypeScript ...
Frontend Developer
  • Diese Firma ist ein weltweit agierendes Unternehmen, welches sich auf die Entwicklung und Produktion von Medizintechnik spezialisiert hat und diese vertreibt.
  • Eines der Produkte ist die App, die verschiedene Module für kollaboratives Arbeiten zwischen Rettungskräften vor Ort und Telenotärzten anbietet
  • Darunter zählen Module wie Einsatz-Chats und Video-Telefonie
  • Dies erlaubt es Telenotärzten benötigte Maßnahmen anzuordnen, die zeitkritisch für den Patienten sind und somit lebensrettend sein können
  • Für eine hohe Flexibilität wird die Applikation als Web-App für Desktop-PCs und mobile App für iOS und Android angeboten
  • Zusätzlich müssen Rettungskräfte ihre Einsätze dokumentieren und alle Befunde sowie Maßnahmen für eine Übergabe erfassen
  • Bisher geschah dies auf Vordrucken, deren Ausfüllung durch Unübersichtlichkeit und Fehleranfälligkeit erschwert wird
  • Daher ist ein möglichst intuitives und unterstützendes Tool zur Dokumentation nötig, welches deutlich besser und direkter auf den Einsatz zugeschnitten ist
  • Um unser Verständnis für die Anforderungen der Rettungskräfte zu verbessern, wurden wir zu einem praktischen Workshop eingeladen
  • Während dieses Workshops wurde ein Rettungsvorgang vom Eintreffen bis zum  Transport in einem echten Rettungswagen mithilfe von geschulten Sanitätern simuliert
  • Für die Dokumentation wird ein neues Modul entwickelt
  • Die Firma entwickelt für dieses Modul eine Web-Applikation, mobile Apps für iOS und Android sowie das dazugehörige Backend
  • Der Fokus liegt auf einer guten UX (Benutzerfreundlichkeit), insbesondere während eines Rettungseinsatzes
  • Dabei nutzen wir für medizinisches Personal bekannte Schemata wie FAST und ABCDE und bieten diese so an, dass Sie einfach und schnell sowohl am PC, als auch auf einem Tablet ausgefüllt werden können.
  • Unser Team ist für die Entwicklung der Web-App zuständig. Für die Web-Oberfläche wird auf das Angular Framework gesetzt, die Programmierung selbst wird mit TypeScript durchgeführt
  • Das Backend baut auf eine Spring-Boot-Applikation mit Java auf und bietet REST-Schnittstellen, wie auch Web Sockets für die verschiedenen Clients
  • Für die Datenbank verwenden wir eine MongoDB
  • Da die Applikation weltweit im Einsatz ist, implementierten wir einen internationalisierten Hybriden, der jedem Kunden ein hohes Maß an Individualisierbarkeit der Terminologien anbietet.
Spring-Boot Angular TypeScript Java REST Web Socket Azure CSS HTML JavaScript OpenAPI Angular Material RxJS NgRX
Medizintechnik
1 Jahr 2 Monate
2021-05 - 2022-06

Tarifrechner

Frontend-Engineer Angular TypeScript JavaScript ...
Frontend-Engineer
  • Ein deutscher Industrieversicherer mit eigener Software-Entwicklungsabteilung hatte einerseits mit historisch gewachsenen Problemen bestehender Tarifrechner zu kämpfen und andererseits noch nicht alle Tarifrechner digitalisiert
  • Bestehende online-verfügbare sowie fehlende Tarifrechner sollten angelehnt an aktuelle interne Prozesse und mit guter Performance neu konzipiert und umgesetzt werden
  • Wir entwickelten neue Apps in Angular. Ich habe für 4 Teams gearbeitet und mehrere Angular-Komponenten für verschiedene Tarifrechner implementiert, indem ich Inhouse-entwickelte UI-Komponenten verwendete
  • Nicht nur das Look-and-Feel des Frontends wurde modernisiert ? wir haben auch Tools wie A/B-Tests zur Verbesserung der Kundenzufriedenheit und ein besser automatisiertes Error-Reporting implementiert, um in Produktion noch schneller auf technische Probleme reagieren zu können.
Angular TypeScript JavaScript HTML CSS NodeJS Git Scrum Jira Confluence TFS
Versicherungen
9 Monate
2020-04 - 2020-12

Wissensvermittlung Angular

Frontend-Entwickler & Workshop-Trainer Angular TypeScript JavaScript ...
Frontend-Entwickler & Workshop-Trainer
  • Ein industrielles Versicherungsunternehmen mit einer eigenen Software-Entwicklungs-Abteilung setzt einen Pool von Altsoftware ein
  • Aufgrund von Änderungen in den internen Abläufen, Leistungsproblemen und schlechter Benutzerfreundlichkeit wurden mehrere Anwendungen neu überdacht und sollten unter Verwendung moderner Technologien neu entwickelt werden.
  • Ich unterstützte in 2 Teams, in welchen ich ein Admin-Dashboard für die grafische Auswertung von internen Daten implementierte und am Frontend bei der Abarbeitung von User Stories unterstützte.
  • Darüber hinaus hielt ich einen 2-tägigen Angular-Workshop für eine Gruppe von ~10 Java-Backend-Entwicklern
  • Der Workshop war in theoretische und praktische Abschnitte unterteilt, sodass die Teilnehmer ihr neu gewonnenes Wissen direkt anwenden und vertiefen konnten
  • Zu den abgedeckten Themen gehörten eine allgemeine Einführung in Angular, Angular Router, Observables, Angular Forms (template-driven und reactive), Angular Architecture (Components, Inputs und Outputs, ContentChildren und ViewChildren) und Angular Material
Angular TypeScript JavaScript HTML CSS NodeJS Material Design RxJS Englisch IntelliJ Git Octane Scrum SAFe
Versicherungen
3 Monate
2020-01 - 2020-03

Freigabeprozess-Verwaltung

Frontend-Entwickler Angular Java TypeScript ...
Frontend-Entwickler
  • Ein weltweit tätiges Unternehmen in der Tourismus-, Freizeit- und Schifffahrtsbranche bietet eine Schnittstelle zwischen Hotelbetreibern und Reisebüros, indem es eine große Datenbank mit Zimmerstatus unterhält, die Reisebüros täglich abrufen können
  • Die Pflege dieser Datenbank erfolgte bisher manuell
  • Es wurde ein automatisierter Ansatz benötigt, um eine große Anzahl von Hotelzimmern durch einen regelbasierten Genehmigungsprozess zu schicken und sie dann dem Endkunden über verschiedene Vertriebskanäle anzubieten
  • Unter ständigem Austausch mit anderen Teams wurde eine Anwendung entworfen und entwickelt, welche für die Definition, Verwaltung und Konfiguration der Regeln zuständig ist
  • Die Anwendung wurde in Angular 8 und Spring Boot entwickelt
Angular Java TypeScript Spring-Boot JavaScript Hibernate HTML AWS CSS Docker NodeJS Kubernetes TailwindCSS HELM RxJS RPA Englisch Git Maven Jenkins IntelliJ Jira Scrum
Touristik
8 Monate
2019-05 - 2019-12

Whitepaper-Portal

Frontend-Entwickler Angular TypeScript JavaScript ...
Frontend-Entwickler
  • Ein großer Messe-Veranstalter investierte in das Innovationsmanagement, mit dem Ziel, mehr Aufmerksamkeit bei potenziellen Besuchern und Kunden zu generieren
  • Wir entwickelten eine Webplattform, die Whitepapers in Form von PDF-Dateien und Podcasts bereitstellt
  • Sie wurde so konzipiert, dass sie sowohl von Unternehmen als auch von Privatpersonen genutzt werden kann
  • Wir entwickelten eine responsive Single-Page-Application (SPA) bei kontinuierlicher gemeinsamer Ideen- und Entscheidungsfindung, regelmäßigen User-Tests sowie Anwendung agiler Methoden und Tools
  • Die Web-App wurde in Angular 8 und NodeJS + ExpressJS entwickelt und auf Firebase - unter Verwendung von Firebase Functions, FireStore, Cloud Storage for Firebase und Firebase Authentication - gehostet
  • Die implementierten Features umfassten den Up- und Download von Whitepapers, die Suche von Whitepapers (unter anderem mithilfe von Tags zu diversen Innovationsthemen), das automatisierte Spreading auf verschiedenen anderen bekannten Plattformen, die automatisierte Generierung von Audio-Dateien, die als Podcasts dienen und ebenfalls automatisiert auf andere bekannte Plattformen gespreadet wurden und sehr hohes SEO-Ranking mithilfe von Server-Side-Rendering (Angular Universal), regelkonformem Einsatz von HTML-Tags und Backlinks
  • Hierbei spielte Robotic Process Automation (RPA) eine große Rolle
  • Das Hochladen eines Whitepapers erfordert über die PDF-Datei hinaus Metadaten, wie Name des Autors, Veröffentlichungsdatum und einen kurzen Einleitungstext, der vor dem Download auf der Detail-Page angezeigt werden kann
  • Diese Werte wurden automatisiert ausgelesen und in einem Formular vorbelegt, sodass der User möglichst wenig Arbeit hat
  • Das Generieren von Audio-Dateien lösten wir durch einen Python-Script, der die PDFs nach Content durchsucht und diesen kategorisiert (bspw. nach Haupttext, Überschriften und Bildunterschriften)
  • Ein externer Online-Dienst generierte aus diesem Text eine Audio-Datei durch Einsatz einer Computergenerierten Stimme
  • Dieser Prozess lief asynchron und der Podcast ist nach Upload eines PDFs innerhalb weniger als einer Stunde online
Angular TypeScript JavaScript HTML CSS NodeJS Material Design ExpressJS Firebase Google Cloud Platform RxJS NgRX RPA Englisch IntelliJ Git Jira Confluence BitBucket Scrum Kanban
Messe-Veranstalter
3 Monate
2019-03 - 2019-05

Patienten-Dokumentation

Frontend-Entwickler HTML CSS JavaScript ...
Frontend-Entwickler
  • Pflegekräfte und Ärzte arbeiten mit einer Dokumentations-Software des Kunden in den Fachbereichen vollstationäre Pflege, Hospiz, Kurzzeitpflege, Tagespflege und Verhinderungspflege
  • Gesetzliche Änderungen hatten kurzfristig Feature-Requests zur Folge
  • Ein wesentlicher Bestandteil eines neuen Gesetzes ist die visuelle Bewertung einer großen Menge von Informationen
  • Dies sollte in Diagrammen und Tabellen dargestellt werden
  • Ich entwickelte eine Erweiterung der Applikation in GWT um die Berechnung und Darstellung der geforderten Zahlen
  • Der Aufgabenbereich erstreckte sich über Front- und Backend
HTML CSS JavaScript Java GWT Microsoft SQL Server IntelliJ Git
Gesundheit
1 Jahr 1 Monat
2018-03 - 2019-03

Reisebuchungs-Portal

Frontend-Entwickler HTML CSS JavaScript ...
Frontend-Entwickler
  • Der Kunde stellt IFrame-Suchpanels mit Anbindung zur eigenen Reisebuchungs-Datenbank für mehrere Hundert Kunden-Websites zur Verfügung und nimmt Aufträge für die Entwicklung der Websites entgegen
  • Erhöhtes Arbeitsaufkommens erforderte Unterstützung bei der Abarbeitung diverser User-Stories, bei denen ich unterstützte
  • Ich unterstützte das Team bei der Implementierung des Vanilla-JavaScript Frontends und PHP-Backends. Das Verhältnis von Bug-Fixing zu Neuentwicklung war ausgeglichen
HTML CSS JavaScript PHP PimCore JSONP Git Jira Scrum
Touristik
1 Jahr 1 Monat
2017-08 - 2018-08

Qualitätsüberprüfung

Frontend-Entwickler Angular TypeScript HTML ...
Frontend-Entwickler
  • Die Bewertung von Fahrzeugen, Haltestellen und Servicemitarbeitern (Wartung, Reinigung und andere Faktoren) eines regionalen Nahverkehrsunternehmens wurde in Papierform durchgeführt. Es gab bereits eine Internetanwendung, in die die Formulare nach der Bewertung manuell eingegeben wurden. Diese Methode war kostspielig, zeitaufwändig und fehleranfällig.
  • Zur Digitalisierung des Überprüfungsprozesses wurde eine hybride iOS-Applikation implementiert. Als Arbeitsgeräte dienten Apple iPads, die ohne mobiles Internet betrieben wurden. Die Datensynchronisation sollte auf das firmeneigene WLAN beschränkt bleiben. Vor Beginn ihrer Arbeit luden die Mitarbeiter Fragebögen und Routen auf ihre iPads. Wenn ein Mitarbeiter seine Route abgeschlossen hatte, kehrte er ins firmeneigene WLAN zurück, füllte die Formulare aus und lud die daraus resultierenden Daten auf den Server.
  • Wir entwickelten eine Angular-Applikation, die unter Einsatz von Ionic Cordova auf iOS-Geräten installierbar wurde. Die offline-Funktionalität implementierten wir mithilfe eines Teil-Datenbank-Abbilds auf einer lokalen SQLite-Datenbank. Dieses Teil-Datenbank-Abbild enthielt außerdem Benutzernamen und MD5-encodierte Passwörter für die lokale Authentifizierung auf dem Gerät.
Angular TypeScript HTML CSS NodeJS Bootstrap Ionic Cordova SQLite Git IntelliJ
Nahverkehr
3 Monate
2017-06 - 2017-08

Realtime-Kollaboration

Frontend-Entwickler Angular TypeScript HTML ...
Frontend-Entwickler
  • Ein beliebter Online-Versandhändler hatte regelmäßig Probleme, wenn mehrere Nutzer versuchten, Artikel aus einer Wunschliste zu kaufen, weil sie nicht wussten, ob der Artikel bereits gekauft worden war
  • Ziel dieses Projektes war die Neuentwicklung einer eigenständigen Web-Applikation, die es Kunden ermöglicht, kollaborativ auf Wunschlisten zuzugreifen, sodass Artikel von einem Nutzer gekauft und diese von allen anderen Nutzern nicht mehr ausgewählt werden können.
  • Zu diesem Zweck wurde eine Angular + Spring Boot-Anwendung mit AWS-Authentifizierung entwickelt
Angular TypeScript HTML CSS NodeJS Java Spring-Boot Maven Git
E-Commerce

Aus- und Weiterbildung

Aus- und Weiterbildung

Studium - Informatik
Hochschule Harz, Wernigerode
  • Intelligente Programmierung
  • Verteilte Automatisierungssysteme
  • Softwaretechnik
Abschluss: Bachelor of Science

Weiterbildung
  • Angular in FlipFlops, Las Palmas, Spanien
  • Bootcamp Angular 7
    • 4-tägiger deep-dive in Angular 7
    • 2-tägiger Hackathon

Kompetenzen

Kompetenzen

Top-Skills

Spring-Boot Angular Java TypeScript REST WebSocket Azure CSS HTML JavaScript OpenAPI Material Design RxJS NgRX Karma

Schwerpunkte

Angular
React
TailwindCSS
JavaScript
TypeScript
Agiles Mindset

Produkte / Standards / Erfahrungen / Methoden

Angular
TypeScript
SCSS
CSS
RxJS
JavaScript
HTML
VSCode
IntelliJ Idea
TailwindCSS
npm
NodeJS
DevTools
Confluence
Jira
Lean
SAFe
Kanban
Scrum
BitBucket
NgRx
SEO
Firebase
React
Figma
Gitlab
Github
Profil
Ich bin eine kreative und leidenschaftliche Softwareentwicklerin mit einem starken User-Fokus und einem Auge fürs Detail. Ich fühle mich in der agilen und zukunftsorientierten Welt zuhause. Ich hinterfrage Prozesse, denn auch bewährte Methoden sind nicht immer die erfolgversprechendsten. Zu meinen privaten Leidenschaften zählen die Robotik, Recommender-Systeme, KI und das Ballett.

Meine Erfahrungen
Frontends sind die Schnittstelle zwischen User und der Anwendungslogik. Damit sind sie die wirkungsvollste Einheit, wenn es um die Zufriedenheit mit der Software geht. Agiles Vorgehen bei direktem Austausch mit dem User, hohe Performance und die Anwendung von UI/UX-Heuristiken zeichnen meine Arbeit aus. Ein Ausschnitt meiner Erfahrungen:
  • Neuentwicklung und Erweiterung von Web- und Hybrid-Apps
  • Projekte auf StartUp- und Enterprise-Niveau
  • Arbeiten in einem agilen Team (Scrum, Kanban)
  • Frontend-Architektur

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.