Basic harmonica tabs image creator

README.md

@@ -0,0 +1,56 @@
+# Harmonica Tabs Image Generator
+
+A beautiful React application for generating clean, readable images of harmonica tabs.
+
+## Features
+
+- ✨ Auto-formatting: Positive numbers automatically get a + sign
+- 📊 Smart layout: Automatically splits long tabs into columns (max 10 lines per column)
+- 📝 Text annotations: Add notes that appear smaller alongside your tabs
+- 🎨 High contrast: Professional typography for excellent readability
+- 📥 Multiple formats: Export as PNG (high-res) or SVG (vector)
+- 📱 Responsive: Works on all screen sizes with vertical layout
+
+## Installation
+
+1. Navigate to the project directory:
+```bash
+cd harmonica-tabs-image-app
+```
+
+2. Install dependencies:
+```bash
+npm install
+```
+
+3. Start the development server:
+```bash
+npm run dev
+```
+
+The app will open in your browser at `http://localhost:5173`
+
+## Usage
+
+1. Enter your harmonica tabs in the input field
+   - Use numbers for holes (e.g., 4, 6, 5)
+   - Positive numbers automatically get a + sign
+   - Use minus sign for draw notes (e.g., -5, -6)
+   
+2. Add text annotations if needed (they'll appear smaller and italicized)
+
+3. Preview updates automatically
+
+4. Download your tabs as PNG or SVG
+
+## Example Input
+
+```
+ 4 6 -5 5 -4 4 3
+ 6 7 -6 6 -6 6 5
+ 4 4 4 5 5 5 5 5 -5 5 4
+```
+
+## License
+
+MIT