CodeGen — Brand-Ready QR Generator

CodeGen is a web app that generates brand-ready QR assets — not just a QR code, but a complete, reusable set designed for real business and marketing use.

This project was built as part of my journey to skill up as a developer, strengthen my developer portfolio, and give my ideas a proper spotlight by turning them into usable products.

Why this project exists

I come from a multi-disciplinary background (design, branding, business, and tech), but for a long time I lacked a clear developer portfolio to showcase that blend and generate real opportunities.

CodeGen was built to change that.

Instead of building a generic demo project, I wanted to create something:

Practical

Reusable

Brand-aware

And close to real-world needs

QR codes are everywhere — but most tools stop at just generating a QR. CodeGen goes one step further.

Key Features

Generate QR codes for any URL or UPI/payment link

Clean, minimal, business-ready UI

Custom color themes with safe defaults

Optional logo upload

Consistent on-screen preview and downloadable output

⭐ Brand Pack Generator (Core Feature)

The Brand Pack Generator turns a single QR into a complete, ready-to-use asset set.

With one click, it exports:

SVG QR with embedded logo (print-safe & scalable)

Multiple PNG sizes

Social media

Web / sharing

Print

Small icon use

Two color variants

Brand-derived theme (auto-extracted from logo)

High-contrast accessible version

CSS snippet

Ready-to-embed themed QR card styles

This allows businesses, designers, and developers to use the QR instantly — without redesigning or resizing elsewhere.

Tech Stack

React (Vite)

JavaScript

QR generation libraries

Canvas & SVG export

Git & GitHub for version control

How AI was used in this project

AI tools (Copilot / agent-based workflows) were used as assistive collaborators, not replacements.

The development followed a spec-based approach:

Clear one-line instructions

Locked UI structure before enhancements

Incremental feature additions

Frequent commits and safe rollbacks

This ensured:

No breaking changes

Predictable behavior

Faster iteration without panic

What I learned

How to work with AI as a teammate, not a shortcut

Writing precise prompts and specifications

Managing feature growth without losing control

Using Git confidently as a safety net

Turning ideas into shippable, portfolio-worthy products

Status

✅ Working ✅ Version-controlled ✅ Actively evolving as part of my developer portfolio