SoundBoard

A browser-based audio recording app for capturing, organizing, and managing audio clips. Built for musicians, podcasters, journalists, or anyone who needs to quickly record and organize audio notes.

Features

• One-click recording using the browser's MediaRecorder API
• Project-based organization — group recordings by project
• Metadata tagging — date, importance rating (1–5), and optional geolocation
• Waveform visualization of saved recordings via the Web Audio API
• Local storage with IndexedDB — all data stays in your browser, no external server needed
• Accessible UI with ARIA labels and keyboard navigation

Tech Stack

• Frontend: Vanilla JavaScript (ES modules), HTML5, CSS3, W3.CSS
• Backend: Node.js + Express (serves static files)
• Storage: IndexedDB (client-side)
• APIs: MediaStream Recording, Web Audio, Geolocation

Getting Started

npm install
node server.mjs

Open http://localhost:3000 in Chrome or Firefox. Allow microphone access when prompted.

Usage

1. Enter a project name, date, and importance level
2. Click the microphone button to start/stop recording
3. Name and preview your clip, then save it
4. Browse and play back all saved recordings in the Sound Board section

Browser Support

Tested on Google Chrome and Mozilla Firefox. Safari has known compatibility issues.

License

MIT