Purpose of MorseTyper
Ever since it was invented in the 1830s, morse code was an essential form of long-distance communication during the 19th and 20th centuries, especially in times such as war. However, morse code has a steep learning curve, making people have to memorize many morse code patterns and input them in quick succession. To combat this problem, we created MorseTyper, a website that helps people practice morse code while also tracking their speed.
How it works
MorseTyper uses the spacebar to simulate sending morse code using a telegram. When the spacebar is pressed, a sound will play indicating that you have pressed it. Depending on how long you press the spacebar, a dit or dash will be registered, and by inputting the dits and dashes in quick succession you can create a pattern that represents a character. Also, after a short amount of time, your input will reset, allowing you to input once again if you made a mistake or would like to restart your input. When you input the right letter, the next letter in the sentence will be highlighted, and if you input incorrectly, the highlight color will turn red, meaning you will have to try again. In the bottom left. There is also a timer indicating how much time has passed since the first time you pressed the space bar. When you finally complete the sentence the textbox will show your time and your estimated wpm. Also, On the right, there is a checkbox that lets you choose if you want to show a morse code chart if you haven't memorized all the patterns yet.
How we built it
We used html, css, javascript, and python flask to create this website. Python flask was used to run the website, and javascript was used to receive input, play sounds, etc.
Challenges we ran into
Overall, we thought that this project as a whole was a challenge. Going into this hackathon, we didn't have much experience in web development, so we had to spend a lot of time looking through the internet on how to do certain things.
Accomplishments that we're proud of
We are incredibly proud of the website that we make for this hackathon. Again, we didn't have much experience in web development going into this hackathon, so we are delighted to have made something that worked.
What we learned
We learned a lot when coding this website, such as how to use python flask and how to connect different files together to create a working website. After doing this hackathon, we now have a better idea of how to make websites in the future, and we hope that the next website we make will be better than this one.
What's next for MorseTyper
We might add some more features, such as a list of all the user's previous scores.
Log in or sign up for Devpost to join the conversation.