Coder Social home page Coder Social logo

ardmorse's Introduction

Arduino Communication Device

Docs

  1. Two devices:
    • Connect arduino and edit run_files/run insert the port your arduino is connected on (eg. COM3)
    • On one of the devices start MorseServer and edit client/src/app.js with ip ngrok gives you (ws:{copied ip})
    • Start MorseCoder on both computers
    • Press and hold powerOn button on arduino until PowerLED starts glowing
    • When intervalLED is on press quickly for a dot or perform a long press for a dash
    • After the input of dots and dashes simply stop pressing and wait for arduino to reset itself and repeat
    • If there is no input dont worry the program will just skip
    • When you complete a character it will pop up in webapp, where you can accept or discard it
  2. Three devices:
    • Appoint one to be the server
    • Perform the same steps, except perform the second step on the server

Architecture:

alt text

  1. c++
    • Arduino is coded in c++
    • It reads button presses and sends 1 and 0 to node js client
  2. node.js
    • It takes messages from arduino by serial port
    • Sends the messages to front end which is coded in react js
    • Server is also coded in node and handles inter-client messages
  3. react.js
    • It takes messages and converts them to characters
    • Handles the styling of UI
    • sends the messages to server
  4. ngrok
    • Puts server online and provides ip, to which react can connect to

ardmorse's People

Contributors

bine-cadez avatar marko154 avatar

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.