Scene 01Case file
QR Code Generator
Versatile QR code generator supporting multiple formats with real-time validation and native sharing.
Overview
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.
What I built
- 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
Stack
React · Vite · Tailwind CSS · IndexedDB · JavaScript