Giter Site home page Giter Site logo

sudokmaar / morsebin Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 299 KB

MorseBin is a web application that allows users to convert text to Morse code and binary, and vice versa. The app provides an easy-to-use interface to enter text, convert it to the desired format, and view the converted output. It is built using React and utilizes React Router for navigation.

Home Page: https://morsebin.netlify.app

HTML 10.55% TypeScript 66.92% CSS 22.54%
binary-converter binary-translation css html morse-code-converter morse-code-translator nodejs react-router-dom reactjs typescript

morsebin's Introduction

MorseBin - Morse Code and Binary Converter

MorseBin is a web application that allows users to convert text to Morse code and binary, and vice versa. The app provides an easy-to-use interface to enter text, convert it to the desired format, and view the converted output. It is built using React and utilizes React Router for navigation.

Demo

You can find a live demo of morsebin at MorseBin

Features

  • Convert text to Morse code and binary, and vice versa.
  • Simple and intuitive user interface.
  • Real-time conversion with immediate output updates.
  • Easy navigation between Morse code and binary conversion modes.
  • Download converted text as a text file.

Tech Stack

  • React: A JavaScript library for building user interfaces.
  • React Router: A routing library for React applications, used for navigation.
  • HTML and CSS: Markup and styling for the user interface.
  • TypeScript: The primary programming language used for logic and functionality.

Installation

To run the morsebin app locally, follow these steps:

  1. Clone the repository to your local machine:
git clone https://github.com/SudoKMaar/morsebin.git
cd morsebin
  1. Install the required dependencies using npm or yarn:
npm install
  1. Start the development server:
npm start

The app should now be running at http://localhost:3000.

Usage

  1. Launch the morsebin app in your web browser.
  2. The main page will show two buttons: "Binary" and "Morse."
  3. Click on the "Binary" button to access the Binary Converter.
  4. In the Binary Converter, enter your text in the input area.
  5. Click the "Convert" button to convert the text to binary.
  6. The binary representation will be displayed in the output area.
  7. To convert the binary back to text, click on the "Swap" button.
  8. Click the "Convert" button again to get the original text back.

Binary Converter

  1. Click on the "Morse" button to access the Morse Code Converter.
  2. In the Morse Code Converter, follow the same steps as in the Binary Converter.
  3. Enter your text in the input area and click the "Convert" button.
  4. The Morse code representation will be displayed in the output area.
  5. To convert the Morse code back to text, click on the "Swap" button.
  6. Click the "Convert" button again to get the original text back.

Morse Code Converter

  1. Use the "Clear" button to clear the input and output areas.
  2. To export the converted text, click on the "Export" button.
  3. A text file named "converted_text.txt" will be downloaded.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please create an issue or submit a pull request. Please make sure to follow the code style and include tests if applicable.

License

MorseBin is open-source software licensed under the MIT License.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.