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.

• 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.

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/

To build and run the project:

cd src/
npm install
npm start