https://github.com/uiu-developers-hub/morsecode-translator
This is a real time Morse code translator. You can learn Morse code using this project. What's make it unique is its input system is similar to Telegraph machine.
https://github.com/uiu-developers-hub/morsecode-translator
animation-css cloudflare-pages css3 html5 javascript js morse-code
Last synced: 9 months ago
JSON representation
This is a real time Morse code translator. You can learn Morse code using this project. What's make it unique is its input system is similar to Telegraph machine.
- Host: GitHub
- URL: https://github.com/uiu-developers-hub/morsecode-translator
- Owner: UIU-Developers-Hub
- License: mit
- Created: 2025-01-31T17:17:22.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-04T15:06:16.000Z (11 months ago)
- Last Synced: 2025-04-15T00:12:41.363Z (9 months ago)
- Topics: animation-css, cloudflare-pages, css3, html5, javascript, js, morse-code
- Language: JavaScript
- Homepage: https://play-morse.pages.dev
- Size: 25.4 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Morse Code Translator - [learn-morse](https://play-morse.pages.dev)
## Overview
The **Morse Code Translator** is a web-based application that converts Morse code into text and. It features a unique typing animation where each letter's Morse code appears first before transforming into the actual letter. This enhances the visual experience and makes learning Morse code interactive and engaging.
## Features
- **Real-time Morse Code Translation**: Convet Morse code to text instantly.
- **Letter-by-Letter Animation**: Each letter's Morse code appears first, then transforms into the actual letter.
- **Background Animation**: Floating Morse symbols add a dynamic effect.
- **Responsive Design**: Works on various screen sizes for an optimal user experience.
- **Interactive UI**: Users can input text and see live conversions.
## Technologies Used
- **HTML**: Structure of the application.
- **CSS**: Styling and animations.
- **JavaScript**: Logic for text conversion, animations, and Morse code handling.
## Installation
1. Clone the repository:
```sh
git clone https://github.com/your-username/morse-code-translator.git
```
2. Navigate to the project folder:
```sh
cd morse-code-translator
```
3. Open `morse.html` in your browser.
## How It Works
1. The Morse code for each letter in the title (`Morse Code Translator`) is displayed first.
2. After a short delay, the Morse code transforms into the corresponding letter.
3. The process repeats for each letter, creating a smooth animation effect.
4. Users can input their own text to see Morse code translations.
## Usage
- Type any Morse code in the input field to see its text equivalent.
- Use the translator to decode Morse code into readable text.
- Observe the animated title effect for an engaging learning experience.
## Future Enhancements
- Add support for sound effects when Morse code is displayed.
- Implement a Morse code audio playback feature.
- Enhance the UI with more themes and customization options.
## Contributing
Contributions are welcome! If you'd like to improve the project, follow these steps:
1. Fork the repository.
2. Create a new branch (`feature-branch`).
3. Commit your changes.
4. Push the branch and submit a pull request.
## License
This project is licensed under the MIT License. Feel free to use and modify it as needed.
## Contact
For any inquiries or suggestions, please reach out via GitHub Issues or email.
---
Enjoy coding and learning Morse code! 🚀