genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2025-12-06 07:02:00 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
Web app for learning Morse code.
87 commits 13 branches 0 tags 3.1 MiB
JavaScript 48.6%
CSS 27.9%
SCSS 21%
HTML 2.5%
Find a file
dependabot[bot] 7892f72b86
Bump ansi-regex from 4.1.0 to 4.1.1 
Bumps [ansi-regex](https://github.com/chalk/ansi-regex) from 4.1.0 to 4.1.1.
- [Release notes](https://github.com/chalk/ansi-regex/releases)
- [Commits](https://github.com/chalk/ansi-regex/compare/v4.1.0...v4.1.1)

---
updated-dependencies:
- dependency-name: ansi-regex
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
2022-12-11 08:00:06 +00: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 Bump ansi-regex from 4.1.0 to 4.1.1 2022-12-11 08:00:06 +00:00
package.json Bump loader-utils and react-scripts 2022-12-11 07:58:51 +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

README.md

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