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 the shopping cart button in the navigation menu of the website
A view of the cart page for pf-engineering.com
PayPal pop-up that is launched at checkout