ArtyUrl
A professional-grade, full-stack dynamic QR code generation and management platform for creating, tracking, and managing intelligent short-links.
Project Gallery
Project Overview
ArtyUrl is a professional-grade, decoupled web application that revolutionises physical marketing through dynamic QR codes. By separating the physical QR code from its final destination via an intelligent redirect engine, users can update target URLs instantly post-print. The platform intercepts scans to capture valuable demographic data—such as geolocation and device types—before seamlessly forwarding the user. This heavy data parsing is offloaded to asynchronous background queues, ensuring zero-latency redirects. The modern Next.js interface provides marketers with a highly responsive QR customizer, real-time analytics visualised through interactive charts, and extensive campaign management tools.
Tech Stack
Key Features
Engineered a zero-latency intelligent redirect engine utilizing asynchronous background queues (Bull).
Built an advanced analytics dashboard with interactive charts (Chart.js/Recharts) for real-time scan tracking.
Developed a complex QR customizer supporting brand colors, logos, and print-ready exports via Canvas/Sharp.
Implemented a robust state synchronization layer merging Redux Toolkit and React Query for the Next.js SPA.
Secured API infrastructure with Passport.js OAuth, strict Zod schemas, and Express Rate Limit against bot abuse.
Case Study
The core challenge was ensuring zero-latency user redirects while simultaneously capturing deep analytics like IP geolocation and User-Agent parsing. This was solved using a non-blocking architecture that responds instantly while offloading data writes to background workers. Additionally, managing the complex UI state of the QR customizer and ensuring high-fidelity rendering across both client and server required meticulous synchronization.
Problem Space
Challenges
Engineered a zero-latency intelligent redirect engine utilizing asynchronous background queues (Bull).
Built an advanced analytics dashboard with interactive charts (Chart.js/Recharts) for real-time scan tracking.
Developed a complex QR customizer supporting brand colors, logos, and print-ready exports via Canvas/Sharp.
Our Approach
Solutions
Implemented a robust state synchronization layer merging Redux Toolkit and React Query for the Next.js SPA.
Secured API infrastructure with Passport.js OAuth, strict Zod schemas, and Express Rate Limit against bot abuse.
Explore More
Like what you see?
Check out more of my work or reach out to collaborate on something exciting.