P.F. Engineering's online shopping cart, 2022 July
P.F. Engineering's online shopping cart, 2022 July

A Full-stack PayPal Integration

Users can now purchase products from pf-engineering.com using a modern shopping cart. The project is a full-stack application that I developed for my client. Its back-end is written in Go and integrates with the PayPal REST API. Its front-end is JavaScript (vanilla) with a custom state manager and pragma functions for transpiling JSX components.

Primarily, the front-end is a single-page application. Two entities, however, operate outside of the cart page. One is a button component in the site’s menu bar. The other is a script that finds all “Add to Cart” buttons on any given page and binds each with an event listener.

My client’s customers can now combine items into a single order, select available shipping options, and complete their transactions in a secure PayPal Checkout window.

A closeup of one of the site's "Add to Cart" buttons

A closeup of one of the site's "Add to Cart" buttons

A closeup of the shopping cart button in the navigation menu of the website

A closeup of the shopping cart button in the navigation menu of the website

A view of the cart page for pf-engineering.com

A view of the cart page for pf-engineering.com

PayPal pop-up that is launched at checkout

PayPal pop-up that is launched at checkout