Royal Mint
Frontend developer at NoA Ignite · lip 2024 - obecnie
Enterprise e-commerce dla rynku metali szlachetnych: złota, srebra i platyny, rozwijany w środowisku produkcyjnym o dużej skali i silnych wymaganiach stabilności.
React.js · TypeScript · Bootstrap · Microsoft Azure · Auth0 · Google Analytics
Otwórz projekt ↗Mój zakres prac
- Utrzymywanie i rozwijanie frontendu w dużym, istniejącym systemie e-commerce.
- Praca z komponentami produktowymi, widokami zakupowymi i danymi prezentowanymi użytkownikowi.
- Debugowanie regresji oraz dopasowywanie zmian do legacy codebase bez naruszania istniejących przepływów.
- Synchronizowanie logiki UI, etykiet, tooltipów, kolorów i danych tam, gdzie komponenty zależały od kolejności lub kontraktu wejściowego.
- Wsparcie wdrożenia i utrzymania elementów Google Analytics w środowisku e-commerce.
- Współpraca z zespołem przy zmianach uruchamianych w środowisku opartym o Azure.
Efekty
- Projekt był utrzymywany i rozwijany bez destabilizowania istniejących przepływów zakupowych.
- Komponenty frontendu były porządkowane i dopasowywane do wymagań klienta enterprise.
- Zmiany w warstwie prezentacji danych były sprawdzane pod kątem spójności etykiet, wartości i zachowania UI.
- Analityka wspierała lepsze rozumienie ruchu oraz zachowań użytkowników w sklepie.
- Doświadczenie użytkownika w częściach sklepowych było stopniowo ulepszane przy zachowaniu produkcyjnej ostrożności.
Więcej o projekcie
Projekt realizowany przy NoA Ignite dla klienta z UK. To przykład pracy przy dojrzałym systemie commerce, w którym każda zmiana musi pasować do istniejącej architektury, aktualnych procesów zakupowych, analityki i wymagań jakościowych klienta enterprise.
Problem
Rozwijany system e-commerce wymagał utrzymania istniejących rozwiązań, poprawy doświadczenia użytkownika i pracy w ramach legacy codebase, w którym frontend, dane produktowe, logika zakupowa i analityka są mocno ze sobą powiązane.
Rozwiązanie
Wspierałem rozwój interfejsów sklepu i komponentów produktowych, pracując blisko istniejącej architektury React/TypeScript. Skupiałem się na stabilnych, punktowych zmianach: od debugowania i porządkowania UI, przez obsługę danych produktowych, po wsparcie analityki i zachowania przepływów zakupowych.
Najważniejszy ciężar tej pracy nie polegał na budowaniu efektownego demo od zera, tylko na odpowiedzialnym rozwijaniu istniejącego produktu. W praktyce oznaczało to czytanie legacy codebase, szukanie źródeł regresji, porządkowanie komponentów i dowożenie zmian tak, aby nie rozbić już działających ścieżek użytkownika.
Decyzje techniczne
- Punktowe zmiany dopasowane do legacy codebase zamiast ryzykownego przepisywania przepływów.
- Zachowanie spójnej kolejności etykiet, wartości i kolorów w komponentach danych.
- Weryfikowanie zmian w ścieżkach zakupowych pod kątem regresji użytkownika.