CoolSoup

React + TypeScript image generator with spectral audio synthesis.

Stack

• Frontend: React 19, TypeScript, Tailwind CSS
• State: Nanostores (reactive atoms)
• Build: Vite + Rolldown, ESLint, Prettier
• Audio: Web Audio API, spectral synthesis

Commands

pnpm dev        # Development server
pnpm build      # Production build
pnpm lint       # ESLint
pnpm format     # Prettier format

Build Output

• Bundle: ~122kB gzipped
• Chunks: React, stores, vendor (optimized caching)
• Target: Modern browsers (esnext)