Awesome
<p align="center"> <img src="https://github.com/nunogois/quasar-ble/blob/master/public/images/thumbnail.png?raw=true" height="450" /> <p> <p align="center"> Quasar Framework BLE (Bluetooth Low Energy) App Example.<br /><br /> Built using <a href="https://quasar.dev/">Quasar Framework</a> - A <a href="https://vuejs.org/">VueJS</a> framework.<br /> Also <a href="https://capacitorjs.com/">Capacitor v3</a> and the Capacitor Community plugin <a href="https://github.com/capacitor-community/bluetooth-le">bluetooth-le</a>. </p> <p align="center"> <a href="https://github.com/nunogois/quasar-ble/blob/master/demo_screenshots/quasar-ble.png?raw=true"><img src="https://github.com/nunogois/quasar-ble/blob/master/demo_screenshots/quasar-ble.png?raw=true" height="600" /></a> </p>✨ 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
And also...
- Lottie
quasar-ble icon adapted from this Lottie
Free animated illustrations from LottieFiles
<br />🔨 Builds
Capacitor - Mobile (Android, iOS)
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
- Upgrade Capacitor to v3
- Implement capacitor-community/bluetooth-le
- Scan and list the results
- Result component
- Welcome component
- Add Lottie
- GitHub repo
- Add meta tags
- App icon
- Setup builds (Android, etc)
- Overall polish
- Code cleanup
- Make TypeScript happier
- Make it more Composition API-like where it makes sense