An open API service indexing awesome lists of open source software.

https://github.com/arasgungore/qr-coder

A mobile app built with React Native that allows users to generate and scan QR codes.
https://github.com/arasgungore/qr-coder

mobile-app mobile-development qr-code qr-code-decoder qr-code-generator qr-code-generator-mobile-app qr-code-generator-using-javascript qr-code-reader qr-coder-decoder qr-codes qr-generator qrcode qrcode-decoder qrcode-encoder qrcode-generator qrcode-reader qrcode-scanner qrcodes react-native react-native-app

Last synced: 3 months ago
JSON representation

A mobile app built with React Native that allows users to generate and scan QR codes.

Awesome Lists containing this project

README

          

# QR-coder

A mobile app built with React Native that allows users to generate and scan QR codes. This app uses React Navigation for navigation and Expo for camera-related functionalities.

## Features

- QR Code Generation: Generate QR codes with custom data.
- QR Code Scanning: Scan QR codes using the device's camera.

## Prerequisites

Before running the app, make sure you have [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/) installed on your machine.

## Installation

1. Install dependencies:

```bash
cd QRcoderApp
npm install
```

2. Run the app:

```bash
npm start
```

## Dependencies

This project relies on the following libraries:

- [@react-navigation/native](https://reactnavigation.org/): Navigation library for React Native.
- [@react-navigation/stack](https://reactnavigation.org/docs/stack-navigator/): Stack Navigator for React Navigation.
- [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/): Gesture handler for React Native.
- [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/): Animation library for React Native.
- [react-native-qrcode-svg](https://www.npmjs.com/package/react-native-qrcode-svg): Library for generating QR codes in React Native.
- [expo-camera](https://docs.expo.dev/versions/latest/sdk/camera/): Camera module for Expo.
- [expo-permissions](https://docs.expo.dev/versions/latest/sdk/permissions/): Permissions module for Expo.
- [expo-barcode-scanner](https://docs.expo.dev/versions/latest/sdk/bar-code-scanner/): Barcode scanner module for Expo.
- [react-native-paper](https://callstack.github.io/react-native-paper/): Material Design components for React Native.

## Usage

- Navigate to the Home screen.
- Choose between generating a QR code or scanning one.

## Screenshots

![Home Screen](./assets/images/home_screen.png)
![Scanner Screen](./assets/images/scanner_screen.png)

## Contributing

Feel free to contribute to the project by opening issues or pull requests.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Author

👤 **Aras Güngöre**

- LinkedIn: [@arasgungore](https://www.linkedin.com/in/arasgungore)
- GitHub: [@arasgungore](https://github.com/arasgungore)