Git Product home page Git Product logo

magic-qr-code-data-transfer's Introduction

Magic QR Code Data Transfer

Ever wondered how to get some data from a computer to your phone without bluetooth and don't want to share it through some server/service on the internet?

You can use your phone's camera to do that!

This web-app lets you create QR codes for longer texts that you can then scan from another device and retrieve its information again.

It will not send any data to the server, the app only manages the creation of QR codes by splitting it into chunks. The same app can be used to retrieve these QR codes and put the information back together. As soon as you have opened the web-page, it will work without using the internet.

Workflow:

  1. Go to the Magic QR Code Data Transfer page on the device where you want to send something (the sender). ๐Ÿ‘ฉโ€๐Ÿ’ป
  2. Input all the text you want to send to the receiving device. โŒจ๏ธ
  3. Go to the Magic QR Code Data Transfer page on the device that you want to get the data to (the receiver). ๐Ÿ‘จโ€๐Ÿ’ป
  4. Scan all the images of the QR codes. ๐Ÿ“ท
  5. Copy the data to your clipboard ๐Ÿ˜Ž

Contributing

There are a couple of issues in the Project board that need some attention. It would be nice to work on this.

Development

If you want to run this project locally or contribute to it, it's easiest to have a container engine running that understands Docker and docker-compose files.

To run the development server for the application, you can run:

docker-compose up

If you want to run all tests (with end-to-end tests), you can run the following command that should work when opening the container:

docker-compose -f docker-compose.yml -f integration/docker-compose.playwright.yml run app pnpm run ci:test

If you want to use playwright for live end-to-end testing, an X server is necessary. There is a script for Mac called playwright.sh that can be used to open XQuartz (needs to be installed on the machine) and opens a bash that allows running playwright through the npm scripts.

magic-qr-code-data-transfer's People

Contributors

narigo avatar

Stargazers

 avatar

Watchers

 avatar  avatar

magic-qr-code-data-transfer's Issues

Create a `data:text/html;base64,...` URL to make the reader available from the QR code itself

Due to the prefixing of the QR codes being non-standard, no reader will understand how to merge those back together. A user needs to be on the page in order to read them back into text.

It would be great, if we could put the reader itself into a QR code and we should explore the idea of putting the reader into a data:text/html;base64,... URL in order to let it read all of the data QR codes.

We may end up with only allowing a specific subset of QR codes

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.