Schlagwörter
Skills
- React, JavaScript (ES 6 -12), TypeScript, Node.js, Express
- Redux, Redux-Saga, Redux Form, React Router, Mobx, Gatsby, NextJS, React Query
- Webpack, Grunt, Babel, CRA
- HTML5, CSS3, LESS, Bootstrap, styled-components, tailwind, Storybook, Material UI
- Mobile First, responsive design, accessibility (WCAG), PWA
- REST, GraphQL, AJAX, RPC, Websockets, Protocol buffers
- MySQL, MongoDB (Mongoose), Algolia, Git, GitLab, GitHub, Bitbucket, npm, yarn, Azure
- DevOps and CI/CD: Azure pipelines, GitLab CI, Docker, Kaniko
- Test automation: TestCafe (e2e), Cypress, Karma, Chai, Sinon, Jest, Enzime, React Testing Library
- Scrum, Agile, Kanban, JIRA, Confluence, Miro
- TDD, API-first design and web-performance optimization
Projekthistorie
- Implementierung von Benutzeroberflächen gemäß dem Designsystem in enger Zusammenarbeit mit den Designern
- Initiales Projekt-Setup, einschließlich Unit-Tests, Tailwind, Storybook und CI/CD-Pipelines
- Mitwirkung bei der Einrichtung von Entwicklungsprozessen
- Präsentation von Features für das Produktreview vor dem Endkunden
- Durchführung von Code-Reviews und Pair Programming
● Implementierung des responsiven Designs und Optimierung der Seiten für mobile Geräte
● Qualitätssicherung Maßnahmen für Internationalization-Tool
● Implementierung Barrierefreiheit-Features nach WCAG 2.1
● Einführung der Frontent-Monitoring
● Verbesserung des Entwicklungsprozesses
● Führen technischer Interviews
● Code Review und Pair-Programming
- Verbesserung CI/CD
- Umsetzung einer Micro-Frontend-Architektur
- Durchführen der Migrationen Mobx nach Version 6, React-Router nach Version 6, Webpack nach Version 5
- Implementierung einiger Features bezüglich Barrierefreiheit
- Design Umsetzungen nach Styleguide
- Erstellung der technischen Dokumentation
automatisch Übersetzungen durchführt
Ein bestehendes Web-Interface für ein neuronales Netz musste nicht nur skaliert und
modernisiert, sondern auch erweitert werden. Das Web-Interface besteht aus einen Rich Text
Editor mit erweiterter Funktionalität und die Checkout-Seiten. Die gemischte Microfrontends-
Architektur innerhalb eines Monorepos sollte bei der Einführung von modernen Tools und
Technologien beachtet werden. Die Modernisierung von Entwicklungsprozess, insbesondere Build
und Deploy, stand bei diesem Projekt besonders im Vordergrund.
Aufgaben
- Entwicklung des Kernproduktes
- Abstimmung der Frontend-Architektur
- Durchführung von Code Reviews
- Erstellung und Pflege von technischen Dokumentationen
- Einführung von Git Feature Branch Workflow und Merge Requests
- Pair Programmierung
React JS, JavaScript (ES6 - 10), Gatsby, Webpack, Babel, HTML5, LESS, Protocol buffers, RPC,
GitLab, Docker, Jenkins, PHP
Der Kunde hatte veraltete Monolith mit den separaten Code Base für Desktop und Mobile, welche
sich nicht so leicht pflegen und erweitern lässt. Hauptziel war eine responsive mobile-first
Anwendung zu erstellen, welche es ermöglicht, den Code wieder in den anderen Projekten
verwenden. Das Projekt beinhalt alle Phasen ab den Technische Konzeption und Design bis zur
Olga Pigareva · Am Kleeblatt 9, 42657 Solingen · +49 (0) 152-559 514 35 · olga@pigareva.de
Umsetzung einer komplexen SPA Anwendung. Die Besonderheit von diesem E-Commerce
Projekt war, dass es keine feste Datenbank mit derzeit verfügbaren Mietwagen gab, sondern eine
Abfrage von Provider bei jedem Suchergebnis als auch ein Produkt und deren Konfiguration (wir
z.B. eine Station oder Abholzeit Auswahl) nötig war. Der Schwerpunkt lag deshalb in einem
komplexen Datenfluss und Asynchronität. Jede größere Feature sollte durch einen A/B Test
ausgerollt und auch in User Labs in enger Zusammenarbeit mit UX-Designers qualitativen getestet
werden. Monitoring mittels New Relic, Tracking vom Kundenverhalten und Web Vitals war
umgesetzt. Eine Komponenten-Library inclusive ein Storybook wurde erstellt.
Aufgaben
- Konzeptionelle Planung der Frontend Architektur
- Agile Entwicklung der responsiven Seiten
- Schreiben der Unit und End-to-end Test
- A/B Tests und User-Labs
- Optimierung von Web-Performance
- Code-Review
- Organisation von IT-Events und technische Vorträge
React, TypeScript, Redux, Redux-Form, Redux-Saga, Webpack, Babel, Karma, Chai, Sinon, Jest,
Enzime, TestCafe, styled-components, Optimizely, New Relic, Algolia, Docker, Vagrant, GitLab,
PHP, REST API, PWA, GTM
Entwicklung von Frontend eines online Autorentools
Ein Unternehmen, welches die Tools für Online Kurse zu Verfügung stellt, plante die Ablösung einer selbstentwickelten veralteten durch eine moderne skalierbare Software. Dieses Autoren Tool sollte es ermöglichen, für den Kursleiter online Kurse zu erstellen und Aufgaben zu kontrollieren, damit die Teilnehmer im Echtzeitmodus mit der Anwendung interagieren. Eines der Schwerpunkte des Projektes war, dass mehrere eingeloggte Benutzer gleichzeitig über die Aktivitäten von den anderen Benutzern sofort informiert werden. In einem Jahr wurde eine Alfa Version entwickelt, automatisierte Tests eingeführt und ein modernes Build Prozess eingerichtet.
Aufgaben
- Frontend-Entwicklung von SPA
- Einführen des automatisierten Build Prozess
- Schreiben der Unit-Tests
Technologien
JavaScript (ES6 - 10), Node.js, Webpack, Grunt, Babel, Karma, Chai, Sinon, Enzime, CSS3, Websockets, GitHub, Travis
Für einen B2B Immobilien Portal, wo man die Wohnungssuche für eine Geschäftsreise durchführen kann,
sollte einige Verbesserungen von UX untergenommen werden.
Aufgaben
* Entwicklung der kleinen REST APIs
* Implementierung der neuen Frontend-Funktionen
Technologien
React, JavaScript (ES6 - 10), Node.js, Express, MongoDB (Mongoose)
- Projektmanagement zur Entwicklung einer neuen Internetpräsenz
- Planung und Leitung Online-Marketing
- Produktmanagement: neue CRM (ISO 9001, COPC, PMI)
- Erstellung der fachlichen Anforderungen an IT-Teams
• Zertifizierung der Geschäftsprozesse im Unternehmen nach ISO 9001
• Management von IT-Projekten
- Organisatorische Abwicklung von IT-Projekten in der Seed-Phase
- Geschäftsprozessanalyse und Zertifizierung nach ISO 9001