Ambianic UI app

Ambianic UI is a modern prorgressive web application (PWA) that provides Plug-and-Play pairing and remote access to an Ambianic Edge device.

Below is an example screenshot timeline of events detected by a connected Ambianic Edge device.

 

The app is explicitly designed with user privacy and data ownership in mind:

• Stores data exclusively on user's own client device (desktop or mobile).
• Does not store ANY user information in the cloud.
• User may explicitly chose to store a backup of their data on a server of their choice.
• User data remains 100% owned and controlled by the user at all times.
• No fine print. No obscure opt-in / opt-out pop-ups of any kind.

Try it now!

A hosted version of the app is now available to install here: https://ui.ambianic.ai/

Example screenshots on mobile and desktop:

 

Connecting to an Ambianic Edge device

Local Discovery

You can easily discover and connect to an Ambianic Box that runs on your local WiFi network. It works similar to Airdrop.

Remote Connection

You can also connect to an Ambinic Edge device running on a remote network as long as you have access to the device' unique Peer ID.

Steps

Go to Settings and follow the steps for adding a new device.

After a few moments, pairing will conclude and you will see the unique identifier of your Ambianic Edge device.

Give your device a unique friendly name such as Entry Area or Front Door.

You can now head to the Timeline view and you will be able to see an image of what is in front of the Ambianic Box. The box is pre-configured to detect people and cars.

The pairing information is persisted on your Ambianic UI client device and you can now access Ambianic Edge from anywhere remotely! The connection is direct and encrypted end-to-end.

When you are ready to explore more advanced capabilities, continue to the next section.

Configuration

Ambianic provides flexible configuration options via a configuration YAML file. You can customize: pipelines, input sources, AI models, notification channels and more.

Read on: Configuring Ambianic Edge.

Cloud deployment

This project is deployed on Netlify by default and is available at https://ui.ambianic.ai . If you prefer to launch your own deployment from this repo, click the button below:

Development Environment

For instructions how to build, test and debug Ambianic UI via a virtual Continuous Dev Environment or a local dev environment, see this guide.

Project Status and Stats

Community Support

If you have questions, ideas or cool projects you'd like to share with the Ambianic team and community, please use the Ambianic Twitter channel.

Acknowledgements

• This project's initial version was inspired by David Garoro's PWA example.
• The project relies heavily on the awesome Vue.js framework with Vuetify material design components.