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

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.

• 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

• Android 5.1 or newer
• iOS 13 or newer

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.

To run the app in your browser, simply use

ionic serve

to start a local webserver with livereload enabled.

Prerequisites

• Install Android Studio (recommended 4.1.1 or newer)
• Use Android Studio to install the Android SDK: https://capacitorjs.com/docs/android

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

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.

ionic capacitor run android --prod --release

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

Prerequisites

• macOS with Catalina or newer
• Xcode 12.2 or newer

Build the the app at least once before proceeding:

ionic build

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.

ionic capacitor run ios --prod --release

• 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.

This project is licensed under GPLv3. LICENSE