https://github.com/lintangwisesa/reactnative-barcode-generator-scanner

A simple ⚛️ React Native app to generate & scan barcode
https://github.com/lintangwisesa/reactnative-barcode-generator-scanner

barcode barcode-generator barcode-scanner react-native

Last synced: about 1 month ago
JSON representation

A simple ⚛️ React Native app to generate & scan barcode

• Host: GitHub
• URL: https://github.com/lintangwisesa/reactnative-barcode-generator-scanner
• Owner: LintangWisesa
• Created: 2023-01-22T05:00:34.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-22T05:37:48.000Z (almost 2 years ago)
• Last Synced: 2024-01-27T00:48:16.003Z (11 months ago)
• Topics: barcode, barcode-generator, barcode-scanner, react-native
• Language: JavaScript
• Homepage:
• Size: 1.4 MB
• Stars: 3
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![simplinnovation](https://1.bp.blogspot.com/-wStk0VZDfMk/YCC0GIRPrDI/AAAAAAAAAGc/1yj7IOUedvoeO1CuCxq7ETLW0FqXni6mwCLcBGAsYHQ/s320/logotext.png)

# React Native Barcode Scanner & Generator

A simple React Native mobile application to generate, share & scan barcode. Supporting packages used in this project are React Navigation, React Native Elements, React Native Camera, `react-native-barcode-generator`, `react-native-view-shot`, `react-native-share` and `rn-fetch-blob`.

- __Demo__:

  Click the following picture to see the demo video:

  [![Video](https://img.youtube.com/vi/MRyJdIwEe0I/0.jpg)](https://youtu.be/MRyJdIwEe0I)

  

- __Clone this repo & install dependencies__:

  ```bash

  $ git clone https://github.com/LintangWisesa/ReactNative-Barcode-Generator-Scanner

  $ npm i

  ```

- __Start Metro bundler:__

  ```

  $ npx react-native start

  ```

- __Start the application:__

  ```

  $ npx react-native run-android

  ```

  or

  ```

  $ npx react-native run-ios

  ```

- __Preview__

  Home Screen

  ![./img/Home.jpg](./img/Home.jpg)

  QR Generator Screen

  

  ![./img/QRGenerator.jpg](./img/BarcodeGen.jpg)

  QR Scanner Scanner

  

  ![./img/QRScanner.jpg](./img/BarcodeScan.jpg)

#

#### 🍔 Lintang Wisesa