JavaScript (JS) кошик покупок з інтеграцією PayPal API в статичний сайт лендингу
Задача:
Розробити модуль кошика покупок з інтеграцією PayPal API (без використання CMS або бази даних). Сайт — статичний, товари додані вручну на окремих HTML-сторінках. Збірка індексних файлів сайту відбувається на льоту через SSI
Кратке опис:
Користувач додає товари в кошик на сторінці кожного товару. У кожного товару вказана тільки 'ціна' і вибір 'кількість' (за замовчуванням -1). У деяких товарів є додатковий параметр 'variant', від якого може змінитися ціна, але не вага. Якщо він є, він повинен відображатися біля ціни.
Модуль рахує загальну вартість і загальну вагу, визначає вартість доставки (по 4 ваговим категоріям), і формує підсумкову суму.
Після цього користувач натискає кнопку "Оплатити", потрапляє на PayPal, вводить свої дані і оплачує.
Потім — редирект назад на задану сторінку сайту.
На сторінку товару додається:
- кнопка "Додати в кошик"
- кнопка "Кошик" з відображенням поточної кількості в кошику (динамічно)
Структура кошика :
- Таблиця з товарами:
- Назва / варіант, якщо є
- Кількість
- Маса, кг
- Ціна за одиницю, USD
- Загальна ціна за рядок
- Знизу:
- Загальна вага
- Вартість доставки
- Підсумкова сума
- Кнопка "Оплатити через PayPal"
Технічні особливості:
1. Розрахунок суми: Сума вартості товарів + Вартість доставки (залежить від загальної ваги)
2. Дані товару беруться з окремого файлу products з змінними: id, name, variant, weight, price
3. Вартість доставки береться з файлу shipping з змінними: maxWeight, cost
4. Зберігання даних кошика — в localStorage
5. Не використовуються PHP, бази даних
6. Підтримка кількох товарів на різних сторінках. Цифра, що відображається на іконці кошика на різних сторінках товару, повинна синхронізуватися.
7. Редирект після оплати: "Успішна оплата" (return_url), "Скасування оплати" (cancel_url)
8. Використовувати 'PayPal API' для запиту платежу та адреси доставки. Client ID та Merchant ID будуть надані
Що не входить в задачу:
- Не потрібен дизайн
- Не потрібна верстка під мобільні пристрої
- Не потрібно вставляти код вручну на кожну сторінку товару. Достатньо одного прикладу простого товару і другого з variant.
Що повинно бути на виході:
1. Приклад двох HTML-сторінок з кнопкою додавання товару
2. Сторінка "cart.html", де відбувається розрахунок, вибір доставки і перехід до оплати
3. Робочий зразок на вашій стороні. Доступу на сайт або Пейпал дати не зможу.
Термін: 3-5 днів
Бюджет: Пропонуйте
Відгук замовника про співпрацю з Maksym C.
JavaScript (JS) кошик покупок з інтеграцією PayPal API в статичний сайт лендингуДякую, Максиме, за співпрацю.
Ви кращі за більшість девів, з якими я стикався.
А я стикався часто і багато.
Рекомендую вас у своєму оточенні (працюю в GoogleMaps)
Відгук фрилансера про співпрацю з Тимуром Григоряном
JavaScript (JS) кошик покупок з інтеграцією PayPal API в статичний сайт лендингуЩиро дякую Тимуру за надану можливість співпраці. Працювати з ним було дійсно приємно і комфортно. Завдання виявилося цікавим і надихаючим, а завдяки детальному і якісно складеному технічному завданню, робота над проектом пройшла максимально ефективно. Окремо відзначу, що Тимур завжди був на зв'язку і оперативно відповідав на запитання. Дуже ціную цю співпрацю і з упевненістю рекомендую його всім!
-
454 5 0 Доброго дня! Пишіть. Зроблю швидко і якісно буквально за 2 дні...................................................
Актуальні фриланс-проєкти в категорії Java
Створення додаткуБажаю створити мобільний додаток для спілкування, в застосунку має бути аудіо,відео дзвінок, створення групових чатів,можливість синхронізувати з контактами телефону, налаштуваннями акаунта: привязка по мейлу, 2фа, номеру телефону,можливість налаштовувати сповіщення… Java, Python ∙ 1 день 19 годин тому ∙ 35 ставок |