Interfejs internetowy dla Gospodarki Obiegu Zamkniętego
Opracowałem część frontendową jako aplikację internetową Next.js (React), która działa jako klient do backendu: wyświetla dane, buduje wykresy, prowadzi użytkownika przez scenariusze/formularze i zwraca wyniki w postaci raportów (w tym PDF). Stos technologiczny dobrany do zadań „dużo UI, dużo stanów, dużo analityki” — bez lagów i bez bólu.
Technologie i biblioteki (które używałem)
Next.js 14 + React 18 — podstawa aplikacji SPA/SSR, standardowe skrypty dev/build/start/lint.
UI/System projektowania:
Chakra UI (+ emotion/*) do szybkiego tworzenia schludnego interfejsu i komponentów.
PrimeReact do gotowych złożonych komponentów (tabele/formularze/widżety).
Warstwa API: Axios do zapytań do backendu + centralne zarządzanie odpowiedziami/błędami.
Zarządzanie stanem: Zustand do zarządzania stanem (lekki, szybki, bez „epopei Redux”).
Wielojęzyczność (i18n): i18next + next-i18next + react-i18next, a także narzędzia do określania/matchingu lokalizacji.
Wizualizacja i analityka:
Chart.js + react-chartjs-2 + chartjs-plugin-datalabels do wykresów i podpisów wartości.
CanvasJS React Charts jako dodatkowe narzędzie do wykresów/diagramów.
PDF / Eksport
Technologie i biblioteki (które używałem)
Next.js 14 + React 18 — podstawa aplikacji SPA/SSR, standardowe skrypty dev/build/start/lint.
UI/System projektowania:
Chakra UI (+ emotion/*) do szybkiego tworzenia schludnego interfejsu i komponentów.
PrimeReact do gotowych złożonych komponentów (tabele/formularze/widżety).
Warstwa API: Axios do zapytań do backendu + centralne zarządzanie odpowiedziami/błędami.
Zarządzanie stanem: Zustand do zarządzania stanem (lekki, szybki, bez „epopei Redux”).
Wielojęzyczność (i18n): i18next + next-i18next + react-i18next, a także narzędzia do określania/matchingu lokalizacji.
Wizualizacja i analityka:
Chart.js + react-chartjs-2 + chartjs-plugin-datalabels do wykresów i podpisów wartości.
CanvasJS React Charts jako dodatkowe narzędzie do wykresów/diagramów.
PDF / Eksport