All projects

Short links and designer QR

Campaign links, QR codes and click tracking in one tool group.

Vue 3ConvexTracking
01

Challenge

Marketing and operations flows need short links, QR codes and clear usage visibility.

02

What we did

We combined short-link and QR generation modules with Convex data and tracking events.

03

Result

The team can create public redirects and see usage without a separate third-party tool.

Dev-story article

Short links and designer QR: how the project was built

Marketing and operations flows often need short URLs, QR codes and visibility into how people use them. This project combines link and QR tools into one trackable workflow.

Sections

06

Modules

04

Stack

Vue 3 + Convex

Duration: 12-15 min. From project to learning materials
01 00:00

Why the project exists

Marketing and operations flows need short links, QR codes and clear usage visibility.

Marketing and operations flows often need short URLs, QR codes and visibility into how people use them. This project combines link and QR tools into one trackable workflow.

02 01:00

What was built

We combined short-link and QR generation modules with Convex data and tracking events.

The project includes short-link records, QR generation, redirect handling, click events and usage views. Public redirects remain manageable after they are printed, shared or placed in a campaign.

03 02:40

Main modules and user path

M01

Short-link records define destination URLs, slugs, labels and active state, so redirects can be changed or retired through a controlled record.

M02

QR generation turns selected link records into scannable assets while keeping the target tied to the same redirect and tracking model.

M03

Click event tracking records timestamp, source context and link identity, giving the team a simple usage history for each redirect.

M04

Dashboard filters group links by campaign, status or type so operations can find stale or active public entry points quickly.

04 04:30

Architecture and technology decisions

Technical foundation: Vue 3, Convex, Tracking. This matters not as a logo list, but as the set of choices that keeps data, state, user actions and future maintenance manageable.

Vue and Convex support the management UI and event records. Tracking stays tied to first-party records, avoiding a separate short-link tool for basic campaign and operations cases.

05 06:30

How it works in a real scenario

In real use, “Short links and designer QR” works as a clear sequence: it starts from the original problem, then the user takes the primary action, follows a clear data path and reaches the result. The experience stays logical instead of being a random set of screens.

The practical value shows where manual work used to be needed: part of the process is automated, responsibilities are clearly separated, and each module does one understandable job. That is what keeps the solution easy to maintain and extend.

06 08:30

Result and lessons

The team can create public redirects and see usage without a separate third-party tool.

Teams can create public redirects, generate QR codes and inspect usage from one tool group. Link management becomes part of the same operational data model as the rest of the platform.

Read next

These projects share nearby technical or product decisions, so they show how the same principle behaves in another context.

Have a similar idea?

Discuss your project