JavaScript (JS) koszyk zakupowy z integracją PayPal API w statycznej stronie lądowania

Zadanie:

Opracować moduł koszyka zakupowego z integracją PayPal API (bez użycia CMS lub bazy danych). Strona jest statyczna, produkty dodane ręcznie na oddzielnych stronach HTML. Budowa plików indeksowych strony odbywa się na bieżąco przez SSI

Krótki opis:

Użytkownik dodaje produkty do koszyka na stronie każdego produktu. Każdy produkt ma podaną tylko 'cenę'   i wybór 'ilości' (domyślnie -1).  Niektóre produkty mają dodatkowy parametr 'wariant', od którego może zmienić się cena, ale nie waga. Jeśli jest, powinien być wyświetlany obok ceny. 

Moduł oblicza całkowity koszt i całkowitą wagę, określa koszt dostawy (według 4 kategorii wagowych) i formuje końcową sumę.  

Następnie użytkownik naciska przycisk "Zapłać", trafia na PayPal, wprowadza swoje dane i płaci.  

Później — przekierowanie z powrotem na określoną stronę witryny.

Na stronie produktu dodaje się:

  - przycisk "Dodaj do koszyka"

  - przycisk "Koszyk" z wyświetlaniem aktualnej ilości w koszyku (dynamicznie)

Struktura koszyka:

- Tabela z produktami:

  - Nazwa / wariant, jeśli jest

  - Ilość

  - Masa, kg

  - Cena za sztukę, USD

  - Całkowita cena za wiersz

- Na dole:

  - Całkowita waga

  - Koszt dostawy

  - Kwota końcowa

  - Przycisk "Zapłać przez PayPal"

Techniczne szczegóły:

1. Obliczenie kwoty: Suma kosztów produktów + Koszt dostawy (zależy od całkowitej wagi)

2. Dane produktu pobierane są z oddzielnego pliku products z zmiennymi: id, name, variant, weight, price

3. Koszt dostawy pobierany jest z pliku shipping z zmiennymi: maxWeight, cost

4. Przechowywanie danych koszyka — w localStorage

5. Nie używa się PHP, baz danych

6. Wsparcie dla wielu produktów na różnych stronach. Liczba wyświetlana na ikonie koszyka na różnych stronach produktu powinna być synchronizowana.

7. Przekierowanie po płatności: "Płatność zakończona sukcesem" (return_url), "Anulowanie płatności" (cancel_url)

8. Używać 'PayPal API' do żądania płatności i adresu dostawy. Client ID i Merchant ID będą dostarczone

Co nie wchodzi w zakres zadania:

- Nie wymaga się projektu

- Nie wymaga się układania pod urządzenia mobilne

- Nie trzeba wstawiać kodu ręcznie na każdą stronę produktu. Wystarczy jeden przykład prostego produktu i drugi z wariantem.

Co powinno być na wyjściu:

1. Przykład dwóch stron HTML z przyciskiem dodawania produktu

2. Strona "cart.html", gdzie odbywa się obliczenie, wybór dostawy i przejście do płatności

3. Działający wzór po twojej stronie. Nie mogę zapewnić dostępu do strony ani PayPal.

Termin: 3-5 dni
Budżet: Proszę o propozycje