Beaconchain Dashboard is an open source ethereum 2.0 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
- Combined dashboard view
- Support for up to 100 validators
- Ethereum client update notifications
- Network warnings
- Support for multiple currencies
- Mainnet & Testnet support
- Add validators with public key, index or eth 1.0 deposit addresses
- Light Theme & Dark Theme
- Android 5.0 or newer
- iOS 11 or newer
- Clone repo
- 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