Benny Luk

Caddy

File Management Software
Our file management app not only allows for efficient folder management, but also integrates all user media files into one centralized location, making it easier to reuse across multiple apps. We took it a step further by developing a custom media file delivery service that generates images based on their responsive breakpoints in real-time, ensuring optimal performance with caching.
Role
Project Lead
Developer
Designer
Date
2015
Add Images To Your Online Site
01

Challenges & Solutions

Media Transforming

We brought our own server to generate optimized media by developing a URL structure that determines the best image based on the aspect ratio, as well as supporting new formats like WebP and AVIF for optimal performance. Our server, powered by NodeJS, securely delivers images, videos, and other document formats.

NGINX Cache

To manage the spike of traffic coming from our clients accessing the file server through the site editor and store manager, we implemented NGINX as a proxy server to cache the images. This helped to optimize the server response time, reduce server load and improve the overall performance of the file server.

Screenshot of Bentobox site editor editing a section
Changing the section design in Bentobox site editor
Previewing their website using our real-time mobile mode preview.
Frontend Stack
React
Backbone
SCSS
Webpack
Backend Stack
Coldfusion
NodeJS
MSSQL Server