Live Version

https://morse-code-to-english-english-to-morse-code-translator.netlify.app/

Image of application

English_Morse__Morse_English-Translator

I had few ideas on how to approach this project. The first idea, was to utilize an existent API. I figured I could retrieve/filter the desired data from an API which would reduce the amount of work and it would be easier to maintain. However, I could not find a reliable free API that allows multiple requests and that led me to a second idea. The second idea, create my own API resource then use it as the backbone of the project. However, it did require an extensive research to develop such an API and due to the time constraint, it was not feasible. The third and last idea, was to create a list/dictionary of both English and Morse code letters/numbers then utilize Map() to produce the correct result.

Features

• The ability to convert English sentences to Morse code
• The ability to convert Morse code scripts to English
• The ability to listen to Morse code sound

Tech stack

• Javascript
• HTML
• SCSS
• Media player function
• DOM manipulation

Challenges

• Although , the project MVP was straight forward yet , I wanted to challange myself and add a cool feature that I considered to be crusial which is the ability to listen to Morse code. Morse codes are usually audible. The challange was to produce an audio when the button is pressed. I made an extensive reasearch on how to utilize the audio feature in JS and I managed to tweak the code in order to achieve the intended purpose.

Futrue Improvements

• Fix and enhance user interface
• Develop an API as the backbone of the project