Check out the Issue Explorer
Looking to fund some work? You can submit a new Funded Issue here.
## Prize Title
**Alethio Lite Explorer Freestyle**
## Challenge Description
Alethio is a comprehensive suite of blockchain exploration and analytics products for the Ethereum network. We've recently updated our open-source [Lite Explorer](https://github.com/Alethio/ethereum-lite-explorer) to support custom integrations via 3rd-party plugins.
We encourage developers to come up with new and interesting ways of showing and interacting with Ethereum data while using our Lite Explorer, build this functionality into a plugin and share the results with the community.
## Submission Requirements
You are free to pick up any use case, as long as the result is packaged as an Alethio Explorer plugin, and you believe it can make a fellow Etherean's life a bit easier. Here are a few examples to kick off your imagination, but keep in mind that this list is neither authoritative nor exhaustive:
- **ERC20 token metadata**
*On the account page, create a module that checks whether the current address is an ERC20 token contract and renders metadata about that token (e.g. decimals, total supply, symbol etc.).*
Here's an [example](https://aleth.io/account/0x89d24a6b4ccb1b6faa2625fe562bdd9a23260359) page for a possible UI, and a few [React components](https://github.com/Alethio/explorer-core-plugins/blob/master/src/app/eth-extended/module/account/accountDetails/component/AccountDetails.tsx#L134) for rendering. These are helpers, we don't expect you to use them in your code.
- **Check the balance of an address for a given token**
*On the account page, if the account is an ERC20 token contract, show a form where the user can enter a wallet address and retrieve the token balance of the provided address.*
For reference, you can play with the forms in the contract `Read` section on [this](https://aleth.io/account/0x89d24a6b4ccb1b6faa2625fe562bdd9a23260359) page. For rendering, you can duplicate [these](https://github.com/Alethio/explorer-core-plugins/blob/master/src/app/eth-extended/module/account/contract/component/ReadContractSection.tsx#L221) React components.
- **Show decoded TX payloads using user-provided ABI**
*For a contract account, allow the user to upload a contract ABI on the account page (e.g. you can persist it with LocalStorage). Using the ABI information, display decoded data payloads of relevant transactions on the transaction page.*
For rendering, you can duplicate [these](https://github.com/Alethio/explorer-core-plugins/blob/master/src/app/eth-extended/module/tx/txPayload/component/TxPayload.tsx) components.
- **Account balance evolution chart**
*On an account page, add a module that renders a chart representing the evolution of that account's balance (ETH) over the last 30 days*
The result would be something similar to [this](https://aleth.io/account/0x529dab7bad9ef1000c3c0d708878c83fc870f7ae). For rendering, you can use your own React components or duplicate [this one](https://github.com/Alethio/explorer-core-plugins/blob/master/src/app/eth-extended/module/account/balance/component/chart/BalanceAreaChart.tsx).
- **Anything we haven't thought of!**
*If you have an original idea, **please send us a note first** with a short description & a brief implementation proposal. We want to make sure that it's a good fit for the Lite Explorer and you won't run into technical issues while implementing it, before approving it as a valid project in the competition.*
## Submission Deadline
July 10, 2019
## Judging Criteria
Judges will consist of members of the Alethio team who will determine the 1st place and 2nd place winners based on the rules and guidelines of the Ethereal hackathon. The winners will be announced no later than July 22, 2019.
## Judging Date
July 11 - July 19, 2019
**1st Place**: 700 DAI
**2nd Place**: 400 DAI
1. Clone the [Lite Explorer](https://github.com/Alethio/ethereum-lite-explorer) repository, which will serve as a local test environment and follow [these](https://github.com/Alethio/ethereum-lite-explorer#building-from-source) steps.
2. Create a new Git repository and follow the instructions in the Alethio CMS [documentation](https://github.com/Alethio/cms#creating-a-new-plugin) to generate a new plugin boilerplate from scratch.
3. Start tinkering! You can use our [plugin tutorial](https://github.com/Alethio/cms#plugin-tutorial) as reference or, if you need inspiration, you can also look at some of our other existing plugins, like [ibft2](https://github.com/Alethio/explorer-plugin-eth-ibft2) or [3box](https://github.com/Alethio/explorer-plugin-3box).
4. Push your code to a GitHub repository. You can optionally publish it to npm as well. This way your plugin can then be installed using our [plugin tool](https://github.com/Alethio/cms-plugin-tool), by its GitHub handle or npm package name.
To be accepted, your plugin will also need to have minimal instructions in a README file, explaining any configuration options that it needs and where in the CMS `pages` config its modules must be added/rendered (e.g. a sample config.json or diff be attached). The plugin must run without errors in the default Lite Explorer setup.
Find us on our dedicated channel in the hackathon's [Discord](https://discord.gg/6MfZUuk) or post your questions here.