Skip to content

Beaconchain Dashboard is an open source ethereum validator performance tracker app for Android and iOS.

License

Notifications You must be signed in to change notification settings

gitshock-labs/eth2-beaconchain-explorer-app

 
 

Repository files navigation

Beaconchain Dashboard
Build

Beaconchain Dashboard App

Beaconchain Dashboard is an open source ethereum validator performance tracker app for Android and iOS. It utilizes the beaconcha.in API.

Get it on Google Play Get it App Store

About

Beaconchain Dashboard is an Angular app written in Typescript, HTML & CSS. It utilizes the Ionic framework for mobile components and Ionic Capacitor as bridge for native code.

Features

  • Keep track on your validators online status, balances, returns and more
  • Various notification alerts for your validators
  • Execution block rewards overview
  • Machine monitoring (CPU usage, network usage and more)
  • Rocketpool support
  • Customize stake share if you only partially own a validator
  • Combined dashboard view
  • Support for up to 280 validators
  • Ethereum client update notifications
  • Network warnings
  • Support for multiple currencies
  • Mainnet & Testnet support
  • Light Theme & Dark Theme

Device support

  • Android 5.1 or newer
  • iOS 13 or newer

Development

Getting started

  1. Clone repo
  2. Install dependencies
npm install -g @ionic/cli native-run cordova-res
npm i

NOTE: You need to provide your own google-services.json for Android and GoogleService-Info.plist for iOS.

Browser

To run the app in your browser, simply use

ionic serve

to start a local webserver with livereload enabled.

Android

Prerequisites

For Linux Users: Open capacitor.config.json (in the root of the project) and adapt the paths for the linuxAndroidStudioPath variable to reflect your local setup.

Build the the app at least once before proceeding:

ionic build

Livereload

Make sure port 8100 is accessable on your computer and use the following command to run a livereload server

ionic capacitor run android --livereload --external --host=192.168.0.124 --disableHostCheck

Adapt the --host param to match your computers IP.

Build for production

ionic capacitor run android --prod --release

Install via Android Studio

To install the app on a real device, follow this guide: https://developer.android.com/studio/run/device

Or to run it in an emulator, follow up here: https://developer.android.com/studio/run/emulator

iOS

Prerequisites

  • macOS with Catalina or newer
  • Xcode 12.2 or newer

Build the the app at least once before proceeding:

ionic build

Livereload

Make sure port 8100 is accessable on your mac and use the following command to run a livereload server

ionic capacitor run ios --livereload --external --host=192.168.0.124 --disableHostCheck

Adapt the --host param to match your macs IP.

Build for production

ionic capacitor run ios --prod --release

Best Practices

  • Use components when we need it for multiple pages.
  • Use pipes for currency conversion or interpreting a value
  • Keep in mind that the app can be used in light and dark theme, use css vars when styling. Global theme attributes can be found in src/app/theme/variables.scss and src/app/global.scss.

License

This project is licensed under GPLv3. LICENSE

About

Beaconchain Dashboard is an open source ethereum validator performance tracker app for Android and iOS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 69.6%
  • HTML 18.5%
  • SCSS 9.8%
  • Swift 0.8%
  • Java 0.6%
  • JavaScript 0.4%
  • Other 0.3%