Morsecode-Potato

· 1 min read

Morsecode-potato is a fun experiment to understand how to use react hooks to package functionality.

In this experiment, I created:

  • Custom hooks to translate and execute morsecode.

    • useMorse - Translates text to international morse (ITU-R M.1677-1) returns a “morse” string
    • useMorsePlayer - Plays a morse string as audio, as a silent visual signal, or both in sync — one clock drives everything, so sound and light can’t drift.
  • Demo page

    • A tailwind styled react app
    • Color scheme (shift) is old timey telegraph station.
    • Sections are:
      • The input text area
      • Playback buttons
      • Abbreviation reference table
Morsecode potato demo page in light theme
Morsecode potato demo page in dark theme

Demo: chrisbautista.github.io/morsecode-potato/

Code: chrisbautista/morsecode-potato

By @codespud

DISCLAIMER This is my personal weblog and learning tool. The content within it is exactly that – personal. The views and opinions expressed on the posts and the comments I make on this Blog represent my own and not those of people, institutions or organisations I am affiliated with unless stated explicitly. My Blog is not affiliated with, neither does it represent the views, position or attitudes of my employer, their clients, or any of their affiliated companies.

© 2006 - 2026, Copyright - codespud.com · RSS