“Our mission is to write our names to history by creating a picture with help of 1,000,000 different artists.”
This website is powered by Shopify. I’ve written a custom application to handle the image tile system for the picture that’s loaded from a separate dedicated server and displays inside of Shopify. It’s written in NodeJS and Python and uses MongoDB for the database.
Here are some of it’s features:
It uses OpenLayers to display the grid image so you can zoom and pan around it.
It has live updates when people edit the image.
It can periodically or on demand reconcile orders from Shopify to add any missing orders.
It can clean-up any orders periodically or on demand that users selected but never paid for.
Dummy order creation system that allows you to generate any number of orders at specific x,y coordinates and control the spread out away from those coordinates.
You can delete specific orders, all orders, or only orders not in Shopify.
Very customizable with a plethora of options allowing you to control the grid display colors and dimensions, block and tile size, number of zoom levels, the rate limiters for various API calls, and many other things.
The broader application work also covered a custom pixel-grid frontend, backend and tile-serving code, Shopify-related order flow, webhook handling, and deployment notes for a CapRover-hosted stack with persistent image data.
That made the project more than a marketing site build. It combined public presentation, storefront concerns, custom interactive behaviour, image ownership logic, and the supporting infrastructure needed to run the larger concept as an application.
