Tab2QR

Tab2QR is a combination of browser (chromium) extension and mobile app which lets anyone share their Tab URLs from computer's browser to mobile phone browser.

Users can select any number of Tabs to share to their mobile phone. Users also get an option to save the shared URLs in their mobile app which can be accessed anytime, to directly open in their mobile browser or share them back to a computer's browser which has the Tab2QR extension installed.

Getting Started

Installing the browser extension

• Open the terminal and move to the tab2qr-extension folder.
• Run yarn install to install the dependencies.
• Run yarn build to create a build folder.
• Open the chrome browser > More Tools > Extensions
• Enable the developer mode
• Click on load unpacked and select the build folder inside the tab2qr-extension folder

Installing the app

• Open the terminal and move to Tab2QR folder.
• Run yarn install to install the dependencies.
• Run expo start to start the expo server

Features provided by the browser extension

• Share any number of tabs from your current window.
• Genrerate animated QR code to scan from the app.
• Import URLs from mobile app to your browser window.
• Scan animated QR code generated by the mobile app.

Features provided by the mobile app

• Scan animated QR code.
• Directly open URL in your mobile browser without saving them.
• Save the URLs for later use.
• Share the existing/stored URLs from mobile app to your browser.

Sending URLs from browser to mobile

Using the browser extension

When clicked on current tab, the extension generates animated QR for the current tab URL.

When clicked on current window, the extension prompts the user to select all the URLs to share.

Using the mobile app

As soon as the mobile app detects animated QR code, it shows a progress bar and scans it.

The user is then prompted to either save the URLs or open any one of the shared URLs from the list. If user selects Cancel then, a modal screen appears with the list of URLs and then the user can select one of the URL to open it in mobile browser directly.

The user can view the shared URLs under the Saved section

The user can view the list of URLs and can either Open or Send the URL. If user clicks on Open, the URL gets opened in the mobile browser. If the user clicks on Send, then a QR is generated which can be scanned by the browser extension

Sending URLs from mobile to browser

The user can also Rename, Delete or Share the list with browser extension

After clicking Send, the mobile app generates animated QR for the list of links which can be scanned using desktop's camera

The UI shows a progress bar while scanning the QR code and a message is shown after the scanning is complete.

The list of scanned QR code can be viewed at the bottom of the screen