A minimalist morse code learning platform with interactive converters, memorable phrases, and practice exercises.
- This project was born from a spontaneous moment of curiosity - one day I suddenly had the urge to learn Morse code just to pass time. Then i straight went to youtube to check about morse code and one of the video I watched, I used it as a refernce to create a section in the website.
- Instead of using existing tools, I decided to create my own website with an intuitive, fun, and easy-to-use interface. The goal was to build something I could always refer back to for anything Morse code related, while making the learning experience enjoyable and accessible.
This website helps you learn morse code through multiple interactive tools:
- Convert text to morse code and vice versa
- Listen to morse code audio with authentic dot and dash sounds
- Learn letters A-Z using memorable phrases (e.g., "a PART" for A = •—)
- Practice with letter/number quizzes
- Reference complete morse code alphabet with audio
- Text ↔ Morse Converter - Real-time conversion between text and morse code
- Audio Playback - Hear morse code with Web Audio API generated sounds
- Memory Cheatsheet - Memorable phrases for each letter (lowercase = dot, UPPERCASE = dash)
- Practice Quiz - Interactive exercises to test your knowledge
- Sound Quiz - Sound based decoding quiz for testing knowledge
- Reference Chart - Complete alphabet and numbers with clickable audio
- Smooth Navigation - Sticky navbar with smooth scrolling between sections
- Dark/Light theme - you can use with dark mode
- Frontend: HTML5, CSS3, JavaScript
- Audio: Web Audio API for Morse code sounds
- Styling: Modern CSS with responsive design
-
Clone the repository:
git clone https://github.com/kayspace/morse-warriorz.git
-
Navigate to the project directory:
cd morse-warriorz -
Open
index.htmlin your web browser:# On macOS open index.html # On Windows start index.html # On Linux xdg-open index.html
For development, you can run a local server:
# Using Python 3
python -m http.server 8000
# Using Node.js
npx http-server
# Then visit http://localhost:8000- Converter: Type text to see morse code, or input morse code to see text
- Audio: Click play buttons to hear morse code sounds
- Memory Aid: Use memorable phrases to learn each letter pattern
- Quiz: Practice identifying letters and numbers
- Reference: Click any morse code in the chart to hear it aloud
The app features smooth scrolling navigation between sections:
- Home: Welcome and introduction
- Converter: Text ↔ Morse code conversion
- Memory: Learn with memorable phrases
- Quiz: Practice exercises
- Reference: Complete morse code chart
Main converter interface with text input and morse output
Memorable phrases section for learning letters
Interactive quiz for testing knowledge
Interactive sound based decoding quiz for testing knowledge
Aplhabets and Numbers Reference
We welcome contributions! Please see our Contributing Guidelines for detailed information on how to get started.
Found a bug? Please create an issue with:
- Clear description of the problem
- Steps to reproduce
- Expected vs actual behavior
- Browser/device information
- Screenshots (if applicable)
This project is licensed under the MIT License - see the LICENSE file for details.
Kay Space - GitHub Profile
If you found this project helpful, please give it a star! It helps others discover the project.
- Thanks to all contributors who help improve this project
- Inspired by the need to make Morse code learning fun and accessible
- Built with passion for education and interactive learning
Happy Learning! ... -- .. .-.. .