A responsive web application that converts text to Morse code and vice versa, with sound and light simulation capabilities.
- Bidirectional Translation
- Text → Morse code
- Morse code → Text
- Interactive Learning Tools
- 🔊 Audio playback of Morse code
- 💡 Visual flashing light simulation
- Adjustable Speed (5-20 WPM)
- Complete Cheat Sheet with all Morse characters
- Responsive Design works on mobile & desktop
- No Dependencies - Pure HTML/CSS/JS
- Clone the repository:
git clone https://github.com/bjmdevelopers/morse-code-translator.git
- Open
index.html
in any modern browser - Start translating!
Live Demo: Demo Link
- Type your message in the left textarea
- Click "Convert to Morse"
- Play the Morse code as sound or light
- Enter Morse code in the right textarea (e.g.
... --- ...
) - Click "Convert to Text"
HELLO
→.... . .-.. .-.. ---
SOS
→... --- ...
I LOVE MORSE
→.. / .-.. --- ...- . / -- --- .-. ... .
Letter | Morse | Letter | Morse |
---|---|---|---|
A | .- |
N | -. |
B | -... |
O | --- |
C | -.-. |
P | .--. |
D | -.. |
Q | --.- |
E | . |
R | .-. |
F | ..-. |
S | ... |
G | --. |
T | - |
H | .... |
U | ..- |
I | .. |
V | ...- |
J | .--- |
W | .-- |
K | -.- |
X | -..- |
L | .-.. |
Y | -.-- |
M | -- |
Z | --.. |
(See full cheat sheet in the web app)
- Web Audio API for Morse code sound generation
- CSS Animations for light simulation
- Responsive Grid Layout using CSS Flexbox/Grid
- Mobile-First Design with media queries
- Pure Vanilla JavaScript - No frameworks
Contributions are welcome! Please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature/your-feature
) - Commit your changes (
git commit -m 'Add some feature'
) - Push to the branch (
git push origin feature/your-feature
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.