🎛️ Patch Notes

A beautiful dark-themed web app for documenting synth patches and sound design.

Features

• Create & Edit Patches - Document your sound design with name, synth type, genre, and description
• Visual Parameters - Interactive sliders for Filter (cutoff, resonance), Envelope (ADSR), Oscillator, LFO, and Effects
• Tagging System - Organize with tags: bass, lead, pad, pluck, fx, arp, keys, and more
• Search & Filter - Find patches by name, description, synth type, or tags
• Shareable URLs - Each patch has a unique URL for sharing
• Export Options - Save as PNG image or PDF
• Backup - Import/export all patches as JSON
• Local Storage - All data stays in your browser

Tech Stack

• Vite + React - Fast build and development
• Tailwind CSS - Dark synth-aesthetic UI
• LocalStorage - Persistent data without a backend
• html2canvas + jsPDF - Export functionality
• Lucide React - Beautiful icons

Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Deployment

This app is configured for Vercel deployment. Just connect your GitHub repo and deploy!

Screenshots

The app features:

• Gradient-bordered cards with glow effects
• Interactive ADSR envelope visualization
• Color-coded parameter sections (Filter=pink, Envelope=green, Oscillator=purple, LFO=blue, Effects=orange)
• Responsive design for all screen sizes

License

MIT