Senior JavaScript Frontend Entwickler ( React / Redux / Apollo / Material-UI / ... )

6/2018 – 12/2018

Eine Blockchain Applikation von der Idee bis zum fertigen Produkt. Es werden die Performancewerte der Rechenleistung und des finanziellen Erfolges eines Nutzers dargestellt. Einerseits werden die Werte und Informationen für den schnellen Überblick auf der Basis des gesamten Useraccounts aufbereitet, andererseits ist eine detaillierte Ansicht für die verschiedenen Kryptowährungen vorhanden. Durch Responsive Design kann der Benutzer auf den unterschiedlichen Endgeräten alles im Blick behalten.

• Anforderungsanalyse mit dem UX Designer
• Überführung der Anforderungen in technische Problemstellungen
• Starke Beteiligung am UI Designprozess, um die Balance zwischen Ästhetik und Entwicklungsdauer zu garantieren
• Abbildung der wiederkehrenden Designelemente auf wiederverwendbare React Komponenten für eine minimale Codebasis
• Geteilte Projektstruktur, um die Wiederverwendung von Code über Projektgrenzen zu erweitern
• Rapid Development durch Entkopplung von Backend und Frontend mit Hilfe eines Fake-Backend
• Einsatz von detaillierter Dokumentation zur Sicherung der Kohärenz dieser beiden Teilsysteme

Responsive Webdesign, Front End, Funktionale Programmierung, Git, Node.Js, CSS (Cascading Style Sheet), HTML5, JavaScript, Json, React (JavaScript library), Representational State Transfer (REST), Web Entwicklung

4/2016 – 4/2018

Technische Konzeption und Entwicklung einer digitalen Arbeitsplatzlösung vom ersten Tag an. Zu den Zielen von GIS GRAVITY gehören intuitive Bedienung, Steigern der Produktivität und Vernetzung von Mitarbeitern über verschiedene Endgeräte und Standorte hinweg. Administratoren verwalten sowohl einzelne Seiten als auch, unterstützt durch Vorlagen, ganze Seitenstrukturen. In Kombination mit der Inhaltsverwaltung durch ein breites Spektrum von Widgets (News, Wiki, Kalender, ...), die zusätzlich ihren Inhalt auf konfigurierbare Weise darstellen, ergibt sich ein hochgradig dynamisches System. Damit wird GIS GRAVITY an die verschiedensten Kundenanforderungen angepasst.

• React als komponentenzentriertes Frontendframework für eine komponentenorientierte Lösung
• Einsatz von aktuellen und stabilen Werkzeugen für zukunftssichere Entwicklung
• Entwicklung eines Backend-API-Client-Frameworks
• Detailliert konfigurierbare Widgets zur Verwendung als Inhaltsblöcke
• Storybook (Komponentenkatalog) zur fokussierten Entwicklung, für strukturelle Tests und als Schaukasten für Kunden
• Maximale Qualitätssicherung durch hundertprozentige Testabdeckung
• Erweiterung bestehender Werkzeuge für kompromisslose Individualisierung
• Skalierbare Internationalisierungslösung, angepasst an Projektumgebung
• Open Standard Architecture (Material Design), um Systemkombination und -integration zu ermöglichen
• Responsive Design

Responsive Webdesign, Code-Review, Front End, Funktionale Programmierung, Git, Node.Js, CSS (Cascading Style Sheet), HTML5, JavaScript, Json, React (JavaScript library), Representational State Transfer (REST), Web Entwicklung, Schulung / Training (IT)

5/2015 – 12/2015

Entwicklung eines Editors, der es ermöglicht, 3D Modelle von Produkten zu bearbeiten und
anzusehen, die dann mit einem 3D Druckverfahren hergestellt werden. Dieser Editor läuft
trotz seiner hohen Komplexität im Browser und besticht mit seinen vielfältigen Möglichkeiten
der Individualisierung des Produkts durch den Benutzer.
• Überführung von Anforderungen in technische Problemstellungen
• 3D Editor mit three.js erstellt, der Produkt- und Benutzerkonfigurationen
laden/speichern kann
• Programmatische Manipulation von 3D Objekten live mit JS und zeitversetzt durch
Interaktion mit dem Server
• konfigurierbare 3D Szene für Licht/Schatten/Kamera/Zoom
• UI-Komponenten für Individualisierungen von
Farbe/Material/Größe/Textur/Beschriftung
• Internationalisierung auf Client-Seite
• Erstellung des Codes als node.js Module, Konvertierung für den Browser mittels
Browserify
• Verwendung des gleichen Codes für z.B. Validierung und Berechnung auf Client und
Server (Universal JS)
• Unit-Tests für Logikmodule

3D Grafiken, Blender, Backend, Front End, Git, Node.Js, DOM (Document Object Model), HTML5, JavaScript, Json, Jquery, WebGL (Web Graphics Library), Web Services

2/2015 – 7/2015

Weiterführung der Reporting Plattform von FalkAnalytics (weiter unten).

2D Animation, Big Data, Front End, Git, DOM (Document Object Model), HTML, JavaScript, Json, JavaScript-Frameworks, Jquery, SVG (Scalable Vector Graphics), Web Services

6/2014 – 7/2014

Konzeption der Architektur und Entwicklung einer Fullstack-Anwendung mit MEAN.
• Wizard-Eingabeoberfläche, wobei die Benutzereingabe durch synchronisierte
Diagramme bzw. Eingabefelder hoch interaktiv und anschaulich gestaltet wurde
• animierte Visualisierungen in 2D und 3D
• hochgradig modulare Codestruktur

2D Animation, 3D Grafiken, Big Data, Front End, Node.Js, AngularJS, CSS (Cascading Style Sheet), DOM (Document Object Model), HTML, JavaScript, Json, JavaScript-Frameworks

3/2012 – 2/2015

Im Online-Marketing Bereich gibt es eine Vielzahl von Metriken für die Quantifizierung der
angezeigten Werbung und die Reaktion des Besuchers. Angefangen mit Clicks und Views für
die Wahrnehmung, über die Kosten z.B. CPC, bis zu Metriken wie den ROI für den Erfolg,
wird alles aufgezeichnet zur späteren Analyse. Durch die maßgeschneiderte
Technologieplatform von FalkAnalytics kann der Kunde den Erfolg seiner Werbekampagne
gezielt steuern. Um dieses Ziel zu erreichen habe ich folgende Aufgabenbereiche
übernommen:
• Technische Leitung des Frontend-Entwicklerteams (nicht komplette Projektlaufzeit)
• Technische Konzeption und Umsetzung des Reporting-Frontendmoduls als Single-
Page-Application mit
◦ grafischer Aufbereitung der Daten als Diagramme (d3.js)
◦ vom Benutzer veränderbarem Layout der Komponenten
◦ einer intuitiven Oberfläche
• JavaScript Performanceanalyse
• Erstellen und Pflegen von automatisierten Tests
• Inhouse Prototypen mit jQuery und Bootstrap

2D Animation, Big Data, Front End, Git, CSS (Cascading Style Sheet), DOM (Document Object Model), HTML, JavaScript, Json, JavaScript-Frameworks, Jquery, SVG (Scalable Vector Graphics), Web Services