Coder Social home page Coder Social logo

hipycas / be3-ionic Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 2.52 MB

The :satellite: web and :robot: :apple: :electron: native dashboard built with :zap: Ionic for the :bee: Be3 Project

Home Page: https://be3-dashboard-web.web.app

License: GNU General Public License v3.0

JavaScript 32.49% HTML 0.91% Vue 60.12% CSS 5.02% TypeScript 0.24% Java 1.22%

be3-ionic's Introduction

๐Ÿ The Be3 Project Official Dashboard

The Be3 Project official web and native dashboard built with Ionic for fast, intuitive and multi-platform management of your Be3 installation and visualizing the data collected

Official instance

From The Be3 Project team itself, an online dashboard is online and working, with its very own server and with its own connected Be3 Sense devices. For anyone looking to use this as business, or even as an individual, they should definitely take a look at this ready-to-use and zero-config official instance, with 24h support, effortless setup, remotely managed by our expert team and native clients (Android, Apple and PC) ready to install. To take a look at our highly recommendable instance and how to get started, go to our official webpage.

// Link will probably change

Documentation

A full documentation, both for users of the dashboard and IT specialists, or simply coders or hobbyists, working on an instance, is available at hipycas.gitbook.io/be3. This documentation has been put together with GitBook, a free yet powerful online documentation software. The documentation is also available as Markdown files under the docs/ folder in this same repository. In this README, only a brief guideline of the installation is provided, for a more in-depth one, head to the previously mentioned documentation.

Running locally

The dashboard uses the Ionic framework with Vue as underlining JavaScript framework. For running locally, you can run the NPM serve script, although it is not recommended, as it is slower than a development build and has hot module reloading. For running the dashboard, it is recommended to build the Ionic project and serve it via Apache or Nginx or creating a server for serving the files. For building, you can simply run the build NPM script, as shown below:

npm i
npm run build

The way of serving the built assets is up to you!

Building native apps

For building the native apps, there are different requirements for each app that you want to build. So far, you should have already installed @capacitor/core and all related packages as dev dependencies. Also, remember that Capacitor uses you distribution code, which means that you should have a fresh build before going further.

Android

Building for android requires the Android SDK and arguably Android Studio IDE, although you probably can get along without it (we are going to use it for these instructions). For building for Android, run the following commands:

npx cap add android
npx cap copy android # Can use sync instead of copy
npx cap open android # This launches Android Studio with the app open

Having Android Studio open, build the APK (or signed APK) and get it on your device for installation!

//

iPhone

Building for iPhone, as opposite as for Android, requires you to have a Mac and a working installation of XCode available. That is the reason why, as of now, The Be3 Project team does not officially distribute any native version of the app for iPhone. If you have the Mac and XCode installation, run the following commands for creating the iPhone app:

npx cap add ios
npx cap copy ios # As with Android, sync should also work
npx cap open ios # This launches XCode with the app open

With XCode open, follow the usual building process.

PC (Windows, Linux, Mac, etc.)

Coming soon...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.