Frontend Development - Planung und Umsetzung ReactJS/Typescript Frontend-Architektur hoch skalierbarer Webanwendung (Mobile und Desktop).
Aktualisiert am 12.02.2024
Profil
Referenzen (1)
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 15.02.2024
Verfügbar zu: 100%
davon vor Ort: 5%
React
Typescript
Redux
CSS
Material-UI
Html
ES6
Apollo
GraphQL
Deutsch
Englisch

Einsatzorte

München (+100km) Nürnberg (+10km) Erlangen (+10km)
Deutschland


möglich

Projekte

4 Monate
2023-06 - 2023-09

Private Projekte

ReactJS TypeScript GraphQL ...
Fortildung im React Universum
ReactJS TypeScript GraphQL Apollo Prisma DB NextJS Docker NestJS MongoDB MySQL PostgreSQL
1 Jahr 10 Monate
2021-07 - 2023-04

Mazda B2C Portal

Senior React Entwickler ReactJS Typescript GraphQL vtex ...
Senior React Entwickler

Mazda Händlerplattform, international

https://shop.mazda.co.uk/ (DH1 1AA, GU16 7HF)


ReactJS Typescript, GraphQL, vtex, Html & SCSS


Als Senior Frontend Entwickler in freier Mitarbeit bei der Diva-e in München. Entwickelt auf Basis der Commerce Platform VTEX (http://vtex.com).

?Build lightning-fast storefronts, custom apps and integrations and eliminate manual tasks across your delivery lifecycle? (vtex)

Vtex bietet eine Reihe von Apps für Back- und Frontend, mit dem sich im Baukasten Prinzip Shopping Lösungen verwirklichen lassen.
Im Projekt wurde das klassische CMS benutzt, das mit einem auf React/Typescript basierenden Frontend kommt. Konfiguration des Frontend wird mit JSON beschrieben. Custom Components können eingebunden werden (React/Typescript)

Mein Aufgabenbereich:

·        Analyse des vtex Universums, Machbarkeit

·        Koordination des Fronendteams

·        Schulung der Frontend Kollegen über Handhabung des CMS

o   Verwalten und Arbeiten mit dem vtex workspaces Konzept

o   Erstellung von Custom Components

o   Datenanbindung mit GraphQL

·        Responsives Layouting mit dem vtex Frontend (JSON-Konfiguration/ CSS)

·        Integration von SCSS in das vtex System

·        Testing (react testing library)

·        Deployment des vtex Frontend
Einzelne Apps werden versioniert und jede für sich deployed. Im Anschluss wurde die Main-App deployed und veröffentlicht.
Auch aufgrund der Workspace-Architektur war dieser Prozess nicht sehr übersichtlich und fehleranfällig und daher lange meine Verantwortung. Erst nach einer Reihe von begleiteten Sessions sahen sich die Frontend-Kollegen in der Lage, selbständig Deployments vorzunehmen.
CI/CD Pipelines waren zum Start des Projekts vom Hersteller noch nicht vorgesehen.

·        Erstellung maßgeschneiderter Custom Components für Mazda

o   Finance Calculator App
Calculator Integration mit Slidern. Berechnung erfolgte auf Fremdsystem, Einbindung der Daten per GraphQL mit anschließender Generierung des Frontend anhand der gelieferten Daten.

o   Customer Location App
Eine von vtex für Mazda entwickelte Lokalisierung anhand von validierten Postcodes. Diese App wurde im Laufe des Projekts von Diva-e übernommen und von mir erweitert. Dies erforderte ein Redesign, auch um Laufzeitfehler in der App zu eliminieren

o   Contact Dealer App
Kontaktformular zum Verkäufer des gewählten Fahrzeuges

o   Summary App
Custom Page mit detaillierten Produktinformationen

o   Viele weitere?

·        Analyse von Bugs in enger Zusammenarbeit mit dem Backend Team

·        Planung von Sprints und Releases
Als Teammitglied mit der längsten Erfahrung in der Projekthistorie und detaillierter Kenntnis des vtex Systems durfte ich Scrummaster und Owner bei der Planung unterstützen.

ReactJS Typescript GraphQL vtex Html & SCSS
diva-e
remote
4 Monate
2021-04 - 2021-07

Private Projekte

Fortbildung im React Ökosystem
Apollo, GraphQL

2 Jahre 2 Monate
2019-02 - 2021-03

Siemens Intranetportal

React Typescript Redux ...

Siemens HelloPage Intranet, 

Startseite zum Siemens Intranet

Als Frontend Entwickler bei Querplex in München

Die Startseite mit dynamischen Elementen (Animationen, Drag and Drop, Offcanvas-Elemente) beinhaltete unter anderem aktuelle Kalendereinträge und konfigurierbare Linksammlungen. Realisierung über ReactJS/ Typescript, Axios, Beautiful DND, React DND, Framer Motion

·        Realisierung des reponsiven Layouts mit ReactJS/Typescript und SCSS

·        Testing (react testing library)

·        Konfigurierbare Linksammlung
über Drag & Drop konnten Newsfeeds aus einer Leiste mit Vorschlägen in den Arbeitsbereich gezogen und persistent gespeichert werden.

·        Konfigurierbare Kacheln mit relevanten Feeds aus dem Siemens Universum, Es gab eine Grundkonfiguration an vorgegebenen Themen, die beliebig erweitert werden konnte.
Der Anwender konnte pro Seite 6 Kacheln in einer beliebigen Reihenfolge und auf beliebig vielen Seiten sortieren und persistent abgelegen.

·        Guided Tour: klassische Tour, die den Anwender über alle Seiten der Anwendung führt, um Funktionalitäten zu erläutern. Abbrechpunkte wurden gespeichert, um die Tour zu einem späteren Zeitpunkt fortführen zu können. Die Tour interagierte mit den bereits vorhanden Seitenanimationen wie Page Transitions, Offcanvas-Elementen oder Slidern.

·        Planung von Sprints als Mitglied eines Scrum Teams

React Typescript Redux Axios
Siemens
München
2 Monate
2018-11 - 2018-12

Digitalisierung von Formularen

React TypeScript Redux ...

Münchener Hyp,

React Typescript Redux

Digitalisierung von Formularen
Frontend Entwickler direkt bei der Münchener Hyp als Krankheitsvertretung

·        Übertragung von Print-Medien Formularen in die digitale Welt mit ReactJS/Typescript

·        Testing (react testing library)

·        Planung von Sprints als Mitglied eines Scrum Teams

 

React TypeScript Redux TDD
Münchener Hypothekenbank
München
1 Jahr 2 Monate
2015-07 - 2016-08

Sportwetten Portal

Frontend Entwickler ReactJS GIT Sass ...
Frontend Entwickler

Projektleitung Frontend-Team.

Implementierung Frontendarchitektur in ReactJS für ein Sportwetten Portal. 

ReactJS GIT Sass HippoCMS Grunt NodeJs Html5 CSS3 Ecma6 Bootstrap Responsive Webdesign
Betago
München
1 Monat
2015-07 - 2015-07

Setup O2 Website Relaunch

Web Frontend Entwickler Html5 CSS3 Bootstrap ...
Web Frontend Entwickler
Erstellung Html-Markup für Module / Komponenten
Html5 CSS3 Bootstrap NodeJS Grunt Scrum
SinnerSchrader
München
2 Monate
2015-05 - 2015-06

Reintegration B2C Inhalte in B2B Webshop

Web Frontend Entwickler Html5 CSS3 BackboneJS ...
Web Frontend Entwickler
Erstellung/ Verbesserung von Bedienelementen, Html/CSS
Html5 CSS3 BackboneJS Grunt NodeJS
Lusini GmbH
München
6 Monate
2014-04 - 2014-09

Siemens Webauftritt für Tablet und Mobile

Frontend Entwickler Scrum Kanban jQuery ...
Frontend Entwickler
Implementierung von Oberflächen für mobile Endgeräte, Qualitätskontrolle
SublimeText GIT
Scrum Kanban jQuery Html5 CSS3 Grunt Node Compass Sass Require JS Backbone JS
Publicis Erlangen
Erlangen / Remote

Aus- und Weiterbildung

Diplom Designer
Kommunikationsdesign Studium an der Fachhochschule München
1995 Abschluß zum Diplom Designer (FH)

Position

Planung der Frontend-Architektur für hochskallierbare
Webanwendung (Mobile und Desktop/ responsive/ adaptive)/ Single Page Applications. Erstellungund Programmierung der GUI-Komponenten, Crossbrowser Optimation.

Kompetenzen

Top-Skills

React Typescript Redux CSS Material-UI Html ES6 Apollo GraphQL

Produkte / Standards / Erfahrungen / Methoden

React Bootstrap
Continuous Integration
CSS3
GIT
Grunt
Gulp
Handlebars.js
Html5
Jasmine
Kanban
mongoDB
mysql
Node.js
NodeJs
Responsive Webdesign
SASS/SCSS
Scrum
TDD
Webpack
GraphQL
ReactJs
Typescript
Redux

Betriebssysteme

Linux
Mac OS
Ubuntu
Windows

Programmiersprachen

Ecma6
JavaScript
ReactJS
Redux
Typescript
GraphQL
React Testing Library


Datenbanken

MongoDB
MySQL

Datenkommunikation

Internet, Intranet
Sehr gute Kenntnisse Oberflächenbeschreibung

Branchen

Internet/Dienstleistung
IT

Vertrauen Sie auf GULP

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

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

Das GULP Freelancer-Portal

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