About the project.
CivChange is a micro-SaaS converter that translates Canva designs (exported as PDF) into fully layered Photoshop PSD files. Powered by Express, Socket.io, React + TypeScript, MongoDB, and Stripe, it drives a Puppeteer-controlled browser flow to process layouts via Photopea, track file conversion progress in real-time, and handle secure payments.
Features
>Spawns a headless Puppeteer browser to automate loading, rendering, and exporting layered PSD files via Photopea.
Implements bidirectional Socket.io events to notify the user of conversion progress percentages.
Integrates Stripe payments, rate limiters, and secure user auth routes for access control.
Enjoy a seamless experience across devices with a responsive design that adapts to various screen sizes and orientations.
Crafted with SEO best practices, ensuring optimal visibility on search engines. From keyword-rich content to streamlined meta tags and efficient site architecture.
Features
>Tech Stack
/>
ReactJavaScript library for building user interfaces with reusable components.
TypeScriptA superset of JavaScript adding static typing for building large-scale applications with enhanced maintainability and tooling support.
Node.jsJavaScript runtime for server-side applications, enabling scalable and event-driven architecture.
MongoDBNoSQL database offering flexibility and scalability for storing and managing data efficiently.
Socket.IOReal-time bidirectional communication library for building interactive web applications.