Web app for learning Morse code.
Find a file
2024-11-02 17:59:40 -07:00
build Newer opacity fix and new build folder 2022-08-08 10:50:24 -07:00
public Code commenting and cleanup 2020-02-13 00:13:57 -08:00
src Newer opacity fix and new build folder 2022-08-08 10:50:24 -07:00
.gitignore gitignore update 2020-02-13 14:02:27 -08:00
package-lock.json Merge pull request #29 from genemecija/dependabot/npm_and_yarn/braces-3.0.3 2024-11-02 17:59:40 -07:00
package.json Bump gh-pages from 2.2.0 to 5.0.0 2024-05-14 19:00:05 +00:00
README.md Added iambic mode B 2022-08-06 11:25:25 -07:00
telegraph.gif README, data/css updates 2020-02-13 11:26:23 -08:00

Learn Morse Code

This web app helps beginners learn Morse code through several features, the main of which is a telegraph with live translation.

Watch the video demo here.

Features

  • Telegraph
    Press the button(s) to generate tones. See a live translation of your tones in both Morse code and alphanumeric characters. Customize the telegraph by choosing the telegraph type, tone frequency, and speed (WPM).

  • Practice Mode
    Freely use the telegraph to practice Morse code while reading about it in the sidebar.

  • Challenge Mode
    Take timed challenges to translate words into Morse code. Customize challenges by changing the word list category, word count, and word order.

  • Legend
    See the Morse alphabet and other characters in the legend. Tap on a legend item to hear the Morse translation.

  • Morse Translator
    Type in the translator below the legend and see/listen to the Morse translation.

App Info

This web app was built using HTML, CSS, and ReactJS. It utilizes React hooks to manage state and component lifecycle.

See it live here: https://genemecija.github.io/learn-morse-code/

Build Instructions

To build and run the project:

cd src/
npm install
npm start