The one who built this.
2024 · React · Vite · Tailwind CSS · IndexedDB · JavaScript

QR Code Generator

Versatile QR code generator supporting multiple formats with real-time validation and native sharing.

QR Code Generator screenshot

01 — the brief

Modern QR code generator supporting URLs, email addresses, phone numbers, SMS, WhatsApp messages, and plain text.

Features real-time input validation, downloadable SVG format, native device sharing capabilities, and animated error handling. Built with minimal, responsive UI using Tailwind CSS and IndexedDB for history tracking.

02 — what it does

  • 01Implemented multi-format QR code generation supporting 6 different input types with format-specific validation
  • 02Built real-time input validation system with animated error messages improving user experience
  • 03Integrated native sharing API enabling users to share generated QR codes across devices and platforms
  • 04Developed QR code history feature using IndexedDB, allowing users to access previously generated codes offline
  • 05Designed minimal, responsive UI with Tailwind CSS achieving fast load times and intuitive user flow

03 — the frames

QR Code Generator — frame 1
QR Code Generator — frame 2
QR Code Generator — frame 3
QR Code Generator — frame 4

04 — the stack

ReactViteTailwind CSSIndexedDBJavaScript

05 — adjacent evidence

Want one of these?

start a project← all work