Proste zadanie z zakresu zbudowania architektury MVP

P.S: Zlecenie może brzmieć na skomplikowane, ale większość rzeczy jest gotowych, po prostu nie ma czasu aby to rozwiązać. Dla zainteresowanych wyślemy szczegóły i repozytorium.

P.S: Budżet może wydawać się niski, ale samo zlecenie jest stosunkowo proste i częściowo już zrealizowane. Kroki wyglądają następująco:

- Pobranie repozytorium i analiza

- Utwórz plik .env i ustaw zmienną dla api (zrobione ✅)

- Utwórz architekturę i napisz modele, widoki, prezentery (częściowo zrobione, wymaga weryfikacji ✅)

- Udokumentuj architekturę (niezrealizowane)

- Definicja typów danych (częściowo zrobione, wymaga weryfikacji ✅)

- Implementacja i testowanie (niezrealizowane)

Projekt obejmuje pierwszą fazę, która koncentruje się na opracowaniu architektury, dokumentacji oraz definicji typów danych. Duża część (np. Views, Presenter itp. jest już zakodowane, kwestia sprawdzenia poprawności)

1. Zaprojektowanie architektury aplikacji WEB-sklepik

Modele danych – reprezentacja produktów i zamówień.

Widoki – komponenty UI obsługujące interakcje użytkownika.

Warstwa komunikacyjna – broker zdarzeń zapewniający luźne powiązanie między komponentami.

Implementacja izolacji komponentów oraz ich odpowiedzialności zgodnie z zasadami Single Responsibility i Separation of Concerns.

Przygotowanie logiki obsługi koszyka oraz procesów zakupowych.

2. Dokumentacja architektury

- Opis struktury kodu i podziału na komponenty.

- Wyjaśnienie zastosowanych wzorców projektowych (MVP).

- Instrukcja budowania i uruchamiania aplikacji.

- Diagram UML (opcjonalnie).

3. Definicja typów danych (TypeScript)

- Modele danych dla produktów, koszyka i zamówień.

- Interfejsy API do pobierania i wysyłania danych.

- Typy zdarzeń, jeśli aplikacja wykorzystuje broker zdarzeń.

- Umieszczenie typów w src/types/ i upewnienie się, że kod nie zawiera błędów lintera.

✅ Dostarczony kod początkowy, który obejmuje:

- Gotowy kod HTML.

- Podstawowe narzędzia developerskie (utility do obsługi HTML, broker zdarzeń, klient API)

- Skonfigurowane narzędzia developerskie