Work

E-commerce solutions for America's largest anime-streaming platform

Crunchyroll Checkout Page

Task

My team and I were challenged with building a private web app to manage complex shipping and fulfillment logic based on a wide range of factors. I contributed to the admin dashboard and wrote a serverless function to dynamically calculate the shipping rates.

Solution

In order to modify shipping rates on the fly, I used a webhook to detect when a customer is making a purchase. From there, I determined the correct shipping price and updated the checkout page to reflect that price. The custom dashboard uses React on the frontend and consumes an Express delivered REST API on the backend. Firebase was used for its database and cloud functions.

Modernica

modernica.net

A symbiotic relationship between art, culture, and world-class furniture

Crunchyroll Checkout Page

Task

Create a beautiful online store with powerful customization options for an unorthodox, luxury furniture brand. I was the team lead for this particular project.

Solution

I was a part of this project from the initial Sketch files to the final quality assurance testing. Our team utilized the Shopify platform for the base e-commerce functionality with jQuery and Handlebars used to fill in the gaps. Git was leveraged for version control, and being a team lead here, I set up our CI/CD workflow and conducted code reviews for the junior developers. This project also gave me the opportunity to communicate directly with our client and practice agile methodology.

A fresh site for California's original lifestyle brand

Crunchyroll Checkout Page

Task

Upgrade the O'neill web experience to leverage mobile-first responsive design and powerful imagery while optimizing site performance and SEO structure. I focused on the development of the collection/category pages.

Solution

Being an occasional surfer myself, I was excited to jump in on this project! All product filtering and complex interactions are built out using vanilla Javascript ES6+ (via Babel) and Shopify APIs. The dynamic layout was made possible with CSS Grid and a flexbox fallback for older browsers. Videos and images are compressed and lazy-loaded for optimal performance. Additionally, Webpack was used for dependency management.