A modern Morse Code Translator web app built with React and Tailwind CSS. This app provides an interactive, client-side experience for bidirectional Morse code translation with audio playback and enhanced user features.
-
Real-Time Bidirectional Translation:
Convert text to Morse code and vice versa instantly. -
Audio Playback:
- Hear the Morse code with adjustable speed (Words Per Minute).
- Visual feedback during playback.
-
Common Phrases Shortcuts:
- Quick access to frequently used Morse code phrases.
-
Copy to Clipboard:
- Easily copy text or Morse code with one click.
-
Enhanced UI:
- Gradient backgrounds with responsive design.
- Hover effects and animations for better visual feedback.
-
Code Organization:
- Separate components and utilities for maintainable and clean code.
-
Completely Client-Side:
- No external APIs or databases required.
-
Clone the repository:
git clone https://github.com/cdrcknt/morse-code-translator.git cd morse-code-translator -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser at http://localhost:3000.
- Enter text or Morse code into the input field.
- Use the Translate button to convert.
- Play the Morse code audio with the Play button.
- Adjust playback speed using the speed control dropdown.
- Use common phrases shortcuts for quick access.
- Copy results to the clipboard with the Copy button.
- React: For dynamic user interfaces.
- Tailwind CSS: For modern, efficient styling.
- Web Audio API: For generating Morse code audio.
- Vite: For fast development and build processes.
- Cedric Kent Centeno
GitHub: cdrcknt
This project is licensed under the MIT License. See the LICENSE file for details.
Feel free to open an issue or submit a pull request if you have ideas for improvement!