https://github.com/nunogois/quasar-ble

Quasar Framework BLE (Bluetooth Low Energy) App Example.
https://github.com/nunogois/quasar-ble

android ble bluetooth capacitor composition-api cross-platform eslint hacktoberfest ios lottie mobile prettier quasar-framework scan typescript vue

Last synced: 6 months ago
JSON representation

Quasar Framework BLE (Bluetooth Low Energy) App Example.

• Host: GitHub
• URL: https://github.com/nunogois/quasar-ble
• Owner: nunogois
• License: mit
• Created: 2021-06-17T22:52:03.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-06-18T10:48:16.000Z (over 4 years ago)
• Last Synced: 2025-04-11T21:21:44.028Z (6 months ago)
• Topics: android, ble, bluetooth, capacitor, composition-api, cross-platform, eslint, hacktoberfest, ios, lottie, mobile, prettier, quasar-framework, scan, typescript, vue
• Language: JavaScript
• Homepage:
• Size: 1.36 MB
• Stars: 29
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


   





  Quasar Framework BLE (Bluetooth Low Energy) App Example.



  Built using Quasar Framework - A VueJS framework.


  Also Capacitor v3 and the Capacitor Community plugin bluetooth-le.





  



# ✨ Features

- 100% cross-platform with a single open-source codebase

  - Note: In this specific case it only makes sense to build for mobile since we're using BLE and browser support is still behind

- BLE - Bluetooth Low Energy

- Composition API

- Capacitor v3




# 👨‍💻  Using

![Quasar Framework](https://img.shields.io/badge/-Quasar%20Framework-141321?style=flat&logo=quasar&logoColor=1976D2) 

![Capacitor (Mobile)]() 

![TypeScript](https://img.shields.io/badge/-TypeScript-141321?style=flat&logo=TypeScript&logoColor=3178C6) 

![Sass (indented syntax)]() 

![ESLint](https://img.shields.io/badge/-ESLint-141321?style=flat&logo=ESLint&logoColor=4B32C3) 

![Prettier](https://img.shields.io/badge/-Prettier-141321?style=flat&logo=Prettier&logoColor=F7B93E) 

### And also...

- Lottie

**quasar-ble** icon adapted from this [Lottie](https://lottiefiles.com/7644-ble-connecting)

Free animated illustrations from [LottieFiles](https://lottiefiles.com/)




# 🔨  Builds

## [Capacitor - Mobile (Android, iOS)](https://quasar.dev/quasar-cli/developing-capacitor-apps/introduction)

With a simple command we can issue a mobile build from this code base.

Since I don't have a Mac with me at the moment, I've only built the Android version (APK).

The APK is currently being built targeting Android SDK 29. However, since it has a minSdkVersion parameter of 21, any Android 5.0+ should be able to run the app.

If you wish to build for iOS, simply follow the steps in the Quasar documentation.

# 📌 To Do

- [x] Upgrade Capacitor to v3

- [x] Implement capacitor-community/bluetooth-le

- [x] Scan and list the results

- [x] Result component

- [x] Welcome component

- [x] Add Lottie

- [x] GitHub repo

- [x] Add meta tags

- [x] App icon

- [x] Setup builds (Android, etc)

- [ ] Overall polish

- [ ] Code cleanup

- [ ] Make TypeScript happier

- [ ] Make it more Composition API-like where it makes sense