Skip to content

Add example interactive barcode generator web app#221

Open
rorychatt wants to merge 3 commits intobarnhill:masterfrom
rorychatt:feat/create-example
Open

Add example interactive barcode generator web app#221
rorychatt wants to merge 3 commits intobarnhill:masterfrom
rorychatt:feat/create-example

Conversation

@rorychatt
Copy link
Copy Markdown

Summary

Adds a new web example application (BarcodeWebExample) that demonstrates barcode generation using BarcodeLib integrated with the Ivy Framework. This interactive web application showcases how to build modern web UIs in C# with Ivy.

image

Features

  • Interactive Barcode Generator: Generate barcodes from text input across multiple symbologies (UPC-A, EAN-13, Code128, Code39, Interleaved 2 of 5, ITF-14)
  • Live Preview: Real-time preview of generated barcodes with Base64-encoded PNG images
  • Label Toggle: Enable/disable barcode labels for better readability
  • Download Support: One-click PNG download of generated barcodes
  • Modern UI: Split-panel layout built with Ivy UI primitives

Technical Details

  • Built with Ivy Framework (.NET 9.0)
  • Uses BarcodeLib NuGet package for barcode generation
  • SkiaSharp for image rendering and encoding
  • Docker support with multi-stage build and font dependencies for SkiaSharp
  • Single C# view (Apps/BarcodeLibApp.cs) handling all UI logic

Files Added

  • BarcodeWebExample/ - Complete web application project
    • Apps/BarcodeLibApp.cs - Main application view
    • Program.cs - Application entry point
    • Dockerfile - Containerized deployment configuration
    • README.md - Comprehensive documentation with setup instructions

How to Test

  1. Navigate to BarcodeWebExample
  2. Run dotnet watch
  3. Open browser to http://localhost:5010
  4. Enter barcode data, select symbology, and generate preview

Related

  • Demonstrates integration of BarcodeLib with modern web frameworks
  • Example of building interactive UIs entirely in C# with Ivy

@rorychatt rorychatt changed the title Add example interactive barcode generator web app using Ivy Framework Add example interactive barcode generator web app Nov 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant