📡 Morse Code Translator

A simple Morse code translator built with HTML, CSS, and vanilla JavaScript.

The project provides a browser-based interface for converting text into Morse code and translating Morse code back into readable text.

✨ Features

• Convert text to Morse code
• Convert Morse code back to text
• Simple browser-based interface
• No frameworks or external libraries required
• Instant client-side translation

🛠️ Tech Stack

• HTML5 — Page structure
• CSS3 — Styling and layout
• JavaScript — Translation logic and user interaction

🧠 How It Works

The application uses JavaScript to map characters to their corresponding Morse code representations.

For example:

HELLO

becomes:

.... . .-.. .-.. ---

The reverse mapping allows Morse code to be translated back into regular text.

All translation happens directly in the browser using client-side JavaScript.

📁 Project Structure

morse-code-translator/
├── images/
├── index.html
├── script.js
└── style.css

index.html

Contains the structure and interface of the translator.

style.css

Handles the visual design, layout, and styling.

script.js

Contains the Morse code mapping and translation logic.

🧠 What I Learned

This project provided practice with the fundamentals of frontend development:

• Manipulating the DOM with JavaScript
• Handling user input and events
• Working with JavaScript objects as lookup tables
• Converting data between different representations
• Connecting HTML, CSS, and JavaScript in a browser application
• Building an interactive interface without a frontend framework

📌 Project Status

Completed

A small frontend project focused on practicing JavaScript logic and browser-based user interaction.