Skip to content

A QR code app that help you scan and generate QR code built with React Native and ZXing library (Native Modules)

License

Notifications You must be signed in to change notification settings

Sobee-Project/CuteAreCode

Repository files navigation

CuteAreCodeLogo

CuteAreCode

This is a QR code app that help you scan and generate QR code built with React Native and ZXing library (Native Modules).

Note: Currently, the app only focuses on support Android. iOS support will be added in the future.

Description

This is a QR code app that help you scan and generate QR code built with ExpressJS and React Native.

Features

  • Scan QR code
  • Generate QR code
  • Save QR code to gallery
  • Share QR code
  • Copy QR code to clipboard
  • Multilanguage support
    • English
    • Vietnamese
    • Dutch
    • Filipino
    • French
    • German
    • Hindi
    • Indonesian
    • Italian
    • Japanese
    • Korean
    • Malay
    • Polish
    • Portuguese
    • Russian
    • Spanish
    • Thai
    • Turkish
    • Chinese
    • ...

Preqrequisites

  • Node.js (v18 or higher)
  • Yarn (v1.22 or higher)
  • Android Studio
  • Android Emulator or Physical Device
  • React Native CLI

Installation

  1. Clone the repository
git clone https://github.com/Sobee-Project/CuteAreCode.git
  1. Change directory to the project
cd CuteAreCode
  1. Install dependencies
yarn install

If you don't have yarn installed, you can install it by running:

npm install -g yarn
  1. Create a key.properties file in the android folder
touch android/key.properties
  1. Add the following lines to the key.properties file
storePassword=<your_store_password>
keyPassword=<your_key_password>
keyAlias=<your_key_alias>
storeFile=<your_store_file>

Example:

storePassword=123456
keyPassword=123456
keyAlias=key
storeFile=./release.keystore
  1. Create a release keystore file
keytool -genkey -v -keystore <your_store_file> -alias <your_key_alias> -keyalg RSA -keysize 2048 -validity 10000

Note: Your keystore file should be in the android/app folder. Your <your_store_file> and <your_key_alias> should be the same as in the key.properties file.

  1. Start the app
yarn start

Click on the following options to run the app:

  • a - To run android
  • i - To run ios

Important

  • Make sure you have the server running before starting the app. You can view the server README for more information.
  • You have to change the port in instance.ts to your server port.
  • If you're using a physical device, make sure you have enabled USB debugging and use network proxy to connect to the server (ngrok).

User Interface

Request permission Scan QR code QR code result Generate QR code QR color picker QR icon crop QR generator done QR generator result Settings Language

License

This project is licensed under the MIT License - see the LICENSE file for details.