NightSkyMoment.com – Custom E-commerce Poster Generator

Built a custom e-commerce platform that generates personalized star map posters showing the night sky at any specific date, time, and location. The system automatically generates high-resolution poster images server-side and fulfills orders through WooCommerce integration.

Tech Stack

• WordPress with custom WooCommerce integration
• HTML5 Canvas for star map preview generation
• Node.js / Heroku for server-side image generation
• Headless Chromium for high-resolution rendering
• Custom REST APIs between WordPress and Node.js
• jQuery, Bootstrap, PHP, MySQL

Challenge

The client needed an interactive poster customization tool where customers could see a live preview of their star map, then receive a print-ready high-resolution image after purchase. The preview needed to show accurate star positions and moon phases for any date and location worldwide.

Solution

Created an interactive HTML Canvas editor showing real-time star positions and moon phases based on astronomical data. Built a custom WooCommerce add-to-cart flow for the personalized product. Developed a Node.js application on Heroku using Headless Chromium to generate matching high-resolution poster images server-side. Implemented a WordPress cronjob that processes orders and communicates with the Heroku app via custom APIs to automatically generate and deliver the final artwork to customers.