Tags: Vue.js, Node.js, Cordova
Objective: Deliver a tailor-made Smart Home app that is capable of controlling multiple Zigbee devices, allows the user to manage rooms, devices, gateways, and user access. Focus on UX/UI and ease of use.
Stack: Vue.js, Electron, Cordova, Node.js, MQTT, Zigbee
Approach: I started by analyzing the required User Interface, provided in Adobe XD format. I created the software following the offline-first approach thanks to a high performing, real-time database engine. I then developed each functionality of the app, such as:
- Easy App Navigation
- Backend Database and Services
- Lighting Control
- Import Projects from Control4
- Zones/Floors/Rooms/Lights Management
- Pairing Process
- Timed Events
- Global scenes / Room scenes
- Color from picture
- iBeacon integration
- Virtual Assistants integration (Amazon Alexa and Google Home)
After completing each part, I tested each functionality so that it was easy to use from any device, either Smartphone or Tablet. Finally, I published the app on Google Play Store and Apple Store.