Senior Fullstack-Entwickler mit Schwerpunkt Frontend

Aufgrund der alternden Codebasis des bestehenden Shopsystems wurde ein neues Shopsystem auf moderner Technik von E-Commerce angefordert, um die zukünftige Wartbarkeit möglichst gering zu halten, die Performance zu verbessern und moderne Standards in das Projekt einzubinden. Das Ziel gilt sowohl für das Backend als auch das Frontend, denn eine agnostische Implementierung macht einen zukünftigen technischen Austausch viel leichter. Die Hauptaufgabe des Frontend-Teams war ein modernes Framework für das neues Shopsystem zu finden und damit das Shopsystem anhand des neuen Konzepts aufzusetzen. Währenddessen wird das Backend-Team die bestehenden Shop-Schnittstellen neu definieren und implementieren, um eine Middleware zwischen SAP-Hybris und dem Frontend einzurichten.

Als Teil des Frontend-Teams habe ich nicht nur bei der Entwicklung das Team unterstützt, sondern auch mit dem DevOps- und UX/UI-Team eng zusammengearbeitet, um Konzepte zu verfeinern, mein Input zu geben und Anforderungen zu definieren oder auch identifizieren. Das Shopsystem sollte nicht nur für Walbusch zum Einsatz kommen, aber auch für Avena und Mey & Edlich. Gleichzeitig sollten die jeweiligen Komponenten, Seiten und Konzepte für alle Mandanten gelten und die Seiten beziehungsweise Komponenten nur „optisch“ voneinander unterscheiden, um den Aufwand und die Wartung gering zu halten. Das Projekt fing mit einer Art von Agile an, die nach einem Jahr zu einer Art Kanban mit vier Wochen „Iterationen“ gewechselt ist. Trotz eines neuen jungen Frameworks, das keiner von uns vorher kannte und viele Herausforderungen sind wir auf dem Weg zu einem erfolgreichen Go-Live.

Verwendete Tools/ Technologien: Svelte, SvelteKit, TypeScript, Tailwind,
Flowbite, Storybook, MSW, Vitest, GitLab, Git, Prettier, husky, Jira, Confluence

Das bestehende Liebherr Magento 2 Frontend wurde neu in React anhand der Liebherr Stencil Pattern-Library geschrieben, um die Performance und die Wartbarkeit zu verbessern. Das Backend wandelt sich in einem API-Gateway um, um alle Schnittstellen in einem Endpunkt zu bringen. Als Frontend Lead war meine Aufgabe die zwei Microanwendungen aufzusetzen und als npm-Packages auszuliefern, sodass sie in der Hauptapplikation leicht integriert sein könnten.

Abstimmung mit Design, UX, Backend, Kunden, und anderen Dienstleistern habe ich auch übernommen sowie das Onboarding neuer Frontend-Entwickler. Das Frontend besteht aus einem Mono-Repo mit drei Subprojekten, nämlich eine Single-Page-Application (SPA), eine Komponentenbibliothek, und die Liebherr Stencil Web-Komponenten exportiert als React Komponenten. Weil das Backend parallel entwickelt wurde, haben wir die GraphQL Schnittstelle bzw. die Querys und Mutations lokal mit MSW gemockt.

Unsere einzelnen Komponenten sowie die Mikroanwendungen könnten Design und den Kunde in unserer Storybook-Instanz testen und abnehmen. Mein internes Team bestand aus einem Projekt-Manager, zwei Backend- sowie zwei Frontend-Entwicklern. Kundenseitig hatten wir einen Proxy-PO, einen Designer und einen Tester mit denen wir nach einer Mischung aus Scrum und Kanban zusammengearbeitet haben.