Community

About

This application is a QR Code Generator that allows users to create QR codes either individually or in bulk, with UTM tracking, by processing CSV files. Built using Next.js, React, and TypeScript, it provides a modern and efficient interface for generating QR codes. To use the app, users can choose between two main functionalities: single QR code generation and batch processing. For single QR code generation, users enter a URL or text in the provided input field and click the "Generate QR Code" button. The generated QR code can then be downloaded as a PNG file or copied as a base64 data URL. For batch processing, users upload a CSV file containing URLs, select the appropriate column, and click the "Generate QR Codes" button. The app processes the URLs and allows users to download a CSV file that includes the original data along with the generated QR codes. The application leverages several technologies, including Next.js 15 for server-side rendering and routing, React 19 for building user interfaces, and TypeScript for type safety. It utilizes Tailwind CSS for styling, Shadcn/UI components for UI elements, QRCode.js for QR code generation, and PapaParse for CSV file processing. Key features of the app include: - Single QR Code Generation: Users can create QR codes for individual URLs or text inputs. - Batch Processing: Users can upload a CSV file to generate QR codes for multiple URLs at once. - Customizable Output: Users can download QR codes as PNG files or obtain the base64 data for further use. - CSV Integration: The app allows users to download results as a CSV file that includes embedded QR code data. - Responsive Design: The application is designed to work seamlessly on both desktop and mobile devices. To get started, users can clone the repository, install the necessary dependencies, and run the development server. The app is structured with a clear separation of concerns, including directories for actions, utilities, and components, making it easy to navigate and extend.