Hi HN,
I built this Morse code translator as a side project to explore Next.js 15's
new features (App Router + Turbopack) and because I was curious about
communication encoding methods.
**What it does:**
- Bidirectional text ↔ Morse code conversion in real-time
- Audio playback with authentic dit/dah timing (can download as WAV)
- Additional tools: binary-to-Morse, hex converter, image decoder
- Educational blog posts about Morse history, learning techniques, and STEM
projects
**Tech stack:**
- Next.js 15 with Turbopack
- React 19 (Server Components)
- Tailwind CSS 4 (pre-release)
- Pure client-side processing (no data sent to servers)
**Why Morse code?**
I found it fascinating that Morse code pioneered variable-length encoding –
frequently used letters get shorter codes (e.g., E = ".", T = "-"), which
later inspired Huffman coding. Despite being 180+ years old, it's still used
in amateur radio and emergency communications.
**Some technical challenges:**
- Web Audio API behavior varies across browsers; had to fine-tune timing
parameters
- Turbopack is fast but still has occasional HMR hiccups
- Balancing educational content with tool functionality
**Looking for feedback on:**
- Feature gaps or unnecessary complexity
- Performance on different devices
- Better approaches to audio generation
- Content ideas for the educational section
The entire translation happens in your browser using JavaScript, so your
messages stay private.
Link: https://morsecodetranslator.app
Happy to answer questions about the implementation or Morse code itself!
---