Giter Club home page Giter Club logo

yellow-spyglass-client's Introduction

This is a Banano network explorer, written in Angular. It currently supports the following pages & features:

Pages

See address history & block hash information

See Banano distribution by account balance & the list of top Banano holders

A list of exchanges, developer funds, and other known addresses

A showcase of custom vanity monKeys, for special monkeys.

Distribution, Quorum, & Nakamoto Coefficient statistics for Banano.

The list of representatives that process transactions on the Banano network.

Information about the node running the Yellow Spyglass.

Features

  • Bookmarks.............................Quickly save hashes or addresses for future reference
  • Themes....................................Currently supports a light and dark mode
  • Representative Insights.....See which representatives are online/offline
  • Rich List Insights...................Quickly see if top banano holders are voting for online reps
  • Account Insights...................Generate a high-level chart of an account balance over time & account stats

Local Development

build

yarn build

serve

yarn start

deploy

yarn build && firebase deploy

testing / code quality

yarn prettier && yarn test && yarn lint

Hosting

Firebase hosts this application.

Issues or Feature Requests

Please feel free to add any feature requests or bug reports to the issues tab found here.

yellow-spyglass-client's People

Contributors

dev-ptera avatar otahirs avatar stjet avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

yellow-spyglass-client's Issues

Fix Brave FavIcon

You can't see the fav-icon on the Brave browser - I've got the assets but need to conditionally render the correct one.

Feature: Match Delegators Count Between Pages

Match delegator count between pages.

Right now, the representatives page shows aggregate delegators count; this number includes accounts that have delegated to the repo, but no longer contain any banano. These accounts should be pruned from the total count.

Make this (includes empty):
image

Match this (correct):
image

Feature: Add Offline Reps to Reps Chart

Include an optional toggle that shows offline representatives' weight in this graph.

image

Whenever this toggle is set to true, weight percentages will be based off of total supply instead of online supply.

Network Page - Peer Version Distinction

Is there a better way to distinguish the type of peers a node is connected to?

image

This table currently only shows the version number; maybe differentiate on something more specific.
Otherwise this gives the impression that all connected peers are using the same exact version of banano node.

Add TX Raw Indicator

Transactions should have some sort of indicator that the transaction displayed is rounded (raw left over).

Request from WTP:
Any chance you could add some kind of badge on transactions list on Creeper so that we can know right away if there was some raw included or most broadly if the amount is rounded, please?
wBAN bridges refunds immediately deposits with more than 2 decimals but raw isn't displayed 'til the details of the tx page.
So I have to review every deposit/withdrawal and check if some raw was there, kinda hidden.

Maybe add an ~ in front of a transaction. Easiest solution.

Make all Links appear as Links instead of divs

This is a common issue across all pages in the app; make it so links in the app act as-expected.

unknown

Users should be able to right-click to open new links.
Users should be able to alt+click to open new links.
Opening a link with a left-click should not open a new tab or refresh the app; it's a SPA.

Add Ability to Hover Timestamps to See full Time

Add Ability to Hover Timestamps to See full Time

Right now the client only shows the date + a relative timestamp; it would be nice if the full timestamp was accessible without having to click into the individual hashes.

Transaction filters

Would be nice to have filters like dates, amounts (above or below), accounts, type, etc for the address pages.

Graceful Errors

Add a way for users to see what the error was instead of just saying "An Error Occurred"

Prune Spaces in Search Bar

Dont allow the spaces in the search bar.
Also when hitting "Enter" the error message should appear (just like hitting the search button) if there is an error.

Spyglass Refactoring

  • Match Creeper's route structure for account & block pages
  • Design a new home page
  • Further Alignment with Banano theme
  • Tweak Accounts page styles
  • Optimize initial page load (load less monKeys on account page, monkey pirate image, potentially prune font family)
  • Remove Drawer for Non-Mobile viewports; match creeper's toolbar menu options.
  • Deprecate YellowSpyglassBackend & replace any calls with Spyglass API.
  • (Not client) Update Spyglass API to support creeper's supply API schema. (maybe)
  • Bring back the micro reps

Features TODO

  1. Internationalization
  2. Bookmark Delete Confirmation Dialog
  3. Bookmark Added / Address Copied Toast
  4. Unopened Accounts throwing insights error
  5. Individual hash tooltip for insights data points
  6. Loading state timeout when API unavailable
  7. Uptime percentages per rep; daily / weekly / monthly
  8. Mobile styles for rep list
  9. Github & Monitor Link in drawer footer
  10. Safari support; explore tx list overflow, animations weird, etc
  11. Represented by "self" | "self represented"
  12. Recommended reps on the rep page
  13. Add known accounts alias options to rep list.
  14. Add principal rep flag to rep list.
  15. Mark some reps as Principal Reps
  16. Hit enter, search address
  17. Basically redo all mobile styles, separate template for mobile?
  18. Rounded corners on mobile cards
  19. ~~Search option in appbar~
  20. Network page
  21. Overview page (home) which shows circ supply, principle rep count, online reps, market cap, Dailey volume, total accounts, average ban per account, rank cmc
  22. Search by alias
  23. Insights graph not always loads on mobile without triggering CD
  24. Hash page timestamp is epoche number still, need date.
  25. Ledger size on node page
  26. Remove link underline on hover when mobile devices
  27. Make mobile toast look better
  28. Add ability to alt-click accounts and open new windows throughout app
  29. Seniority status for nodes, long-standing nodes get a cool flag.
  30. Add recommended flags to rep list
  31. Add principal flag to rep list
  32. Add official flag to rep list Alias covers this.
  33. Add 'group by entity' option to representatives chart, complements nakamoto coefficient stat
  34. Network page addition: Block count, confirmation speed, ledger size
  35. Network page addition: Representatives Online, Principal Reps online
  36. Ledger size growth chart, overtime ledger size line graph
  37. Account # aggregate on network page
  38. Node location chart, just like banano looker
  39. Add tooltips option to help explain key concepts. Each table header should get a tooltip.
  40. Add a filter to hide offline reps in the ALL reps list.
  41. Add alias (if applicable) to accounts page.
  42. Table sorting is disabled when you go to mobile viewport then back to desktop viewport.

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.