Magma Products
Magma Products is an e-commerce Node application. Features include the ability to purchase products, easily manage orders and product information with automated tools and custom third-party integrations.
Frontend
React
I built a custom React CMS for editing product data. Some features include: undo history, rich-text editing with Draft.js, form management with Formik, validations with Yup, and theme switching with styled-components.
SASS
I used SASS to construct modular CSS components with the BEM methodology and a sprinkle of atomic styles.
JS
All assets are bundled with Webpack including client-side ES6 to ES5 with polyfills for important features like Promises.
Backend
MongoDB
I deployed over 900 products, each with their own set of images, pdf documents and relations to each other. Some products belonged to a single record, as in the case of variant products, and some belonged to many, as in the case of accessories and replacement parts.
Express
Express routes all browser and API requests. This includes RESTful endpoints and integrations with third-party services.
Pug
Server render public html documents with pug
Deploy
Deployed to a secure Nginx server on DigitalOcean
Third Party Integrations
Snipcart
I create a custom cart flows through their public API. I used their REST API to update Magma Products' internal inventory systems.
Shipping Rates
Generate custom shipping rate calculations enabled by Snipcart's shipping Webhook. Requested data from FedEx (XML SOAP API), UPS(JSON API), and USPS(XML API) to generate custom shipping rates.
Shipworks
I built a custom integration between Snipcart and Shipworks to manage the shipment of online orders.
