Task 1 - Social Connection Explorer

WildSaoFeng commented 2 years ago

Task 1 - Social Connection Explorer

Welcome!

Thank you for your interest in CyberConnect. You are welcome to participate in our competitions.

Bounty Prize: 3000 USDC

The total bounty is 3000 USDC. All bounties will go to participants with qualified outputs. A participant’s work is recognized as qualified if:

It meets all the submission requirements (see below).
It reaches at least 80 points in our evaluation standard (see below).
The work has not plagiarized anyone, especially from participants who submit before you. If plagiarism is found, the team will lose all eligibility for this contest and will be added to the blacklist for our future contests.

Possible distributions are as the following:

Number of Qualified Participants	First Prize	Second Prize	Third Prize
1	3000	-	-
2	2200	800	-
3	2000	600	400

Actual distribution may vary according to the performance and the number of qualified participants. CyberConnect reserves the right to interpretation.

All participants who have valid submissions are eligible to claim a special badge in our Discord.

Challenge Description

Your task is to build a clean but powerful social connection explorer app that can visualize one address’ basic info, and its connected addresses with their interactions and relationships.

A user would begin using your product with a search input. After submitting an address for search, if it’s a valid Ethereum address, the user will be returned all addresses with connection to searched address.

Qualified connected addresses should have a connection and interactions with the searched address. Such qualified addresses include but are not limited to:

Address that has a following or follower relationship with the searched address on CyberConnect. You can achieve this by using CyberConnect API’s “following” and “followers” fields;
Address that has a following or follower relationship with the searched address on a different platform, Foundation, for example. You can achieve this by using CyberConnect API’s “recommendation” field;
Address that interacts with the searched address on the Ethereum network. Maybe they interacted by making transactions, trading NFTs, or any other records that you can trace down. For this type, your dApp should identify different address types. For example, we can say Alice and Bob have a connection because Alice transferred 0.2 ETH to buy Bob’s cool NFT but it won’t make sense if your app announces Alice’s connection with Binance (maybe from ETH deposit or withdrawal) or Uniswap (a swap tx). For these types of records, you can either identify them as action recognition, “Alice used Binance Service“, or, simply discard them if they don’t contribute much to show the desired connections. You can achieve this using Etherscan API; and,
More sources of addresses and interactions that you think can show connections with the searched address.

Some basic info should be shown: searched address’ balance, ENS domain, CyberConnect follower and following count, etc.

Besides, the search result page should show connected addresses. Some lists seem to be essential on the result page. Different addresses and relationships for addresses should be clearly stated: is A followed B, or B followed A, or they are mutually followed? For what reason they are connected? Also, make sure the listed connected addresses are clickable — users can check their profiles with just one click.

A social connection graph with nice styling is also required. In the graph, for example, addresses can be nodes and connections lines, different types of connections can have different properties. When a user clicks on a connected node, the page will jump into that account’s social connection info, so users can explore freely their social network. For a better user experience, you may even consider using a 3D social graph, that users can drag, zoom, click on - really immerse in the exploration.

Submission Requirements

Build a web app that can show a given Ethereum account’s connections on CyberConnect and ETH network.
The app should be deployed with a usable link for score judging.
The code should be submitted as a Pull Request in the given repo and issued before the deadline.

Judging Criteria

40% - Richness of connections and how well they are displayed. Address’ connections on CyberConnect and ETH network transactions are required. The more connections for addresses you can find, the higher score you will get from this part.
40% - Usability and attractiveness of your app. If you can come up with some other features in displaying connections, don’t hesitate to implement them! We will give you a big bonus for ingenious product ideas. Also, pay attention to UI/UX. A good user experience always plays a big role in product popularity.
10% - Robustness of your app. Some corner cases should be noticed in advance. Don’t let an invalid address take your whole website down.
10% - Code quality. The code should be well, professionally written. This will ease our judging work.

Some scoring references are given below - you may refer to these rules to adjust your contest plans:

If you implement all the given three types of addresses but with no more other data sources, and if you implement expected table lists and the graph, you will get 30% out of 40% for “Richness of connections and how well they are displayed” part.
The baseline score for normal “usability and attractiveness” is 25. Even some small polishes of your UI/UX will be encouraged, noticed, and given extra scores.
“Robustness” will be tried with some basic testing cases.
You can expect an 8 for some normal “Code Quality”.

After Submission - Questionnaire REQUIRED!

After submitting your project, please help give feedback to the CyberConnect team. Note that this feedback is REQUIRED and you can fill in Typeform here. Remember to choose your answer as "Build with us - Partnership & Integration" for the first question. The winners of the contest will be announced soon, please make sure you have your feedback submitted before that.

Also, the result and summary of this contest will be delivered in detail in CyberConnect Discord - Hackathon Channel, join us now if you haven’t yet!

Follow Us

gitcoinbot commented 2 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

This issue now has a funding of 3000.0 USDC (3000.0 USD @ $1.0/USDC) attached to it.

If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
- Want to chip in? Add your own contribution here.
- Questions? Checkout Gitcoin Help or the Gitcoin's Discord
- $6,058,930.90 more funded OSS Work available on the Gitcoin Issue Explorer

gitcoinbot commented 2 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work has been started.

These users each claimed they can complete the work by an hour from now. Please review their action plans below:

1) visdauas has started work.

We will build a feature complete and good looking CyberConnect Explorer with the power of your apis and react! 2) qoyyuum has started work.

Display your social connections of followers and followings in this Cyberconnect Radar Network Graph. 3) tarekj03 has started work.

connexplorer will display an Ethereum address' social graph, gathering the data from different sources. 4) imkrish7 has started work.

Search a valid ethereum address and show the network of the address. 5) maxx6262 has started work.

Explorer to get Address and transactions data 6) jethrof22 has started work.

A React.js web app powered by CyberConnect and Etherscan that allows you to view social connections and transactions between Ethereum addresses 7) weiz16 has started work.

Social explorer tool that can visualise connections associate to a given address Support label and filtering of the connections 8) samixdev has started work.

helloworld.social is a social connection web app that allows the users to discover their network using their Ethereum address where they can follow and explore balances, NFTs, POAPs, activity and much more... 9) michaelmuenzer has started work.

Social connection explorer app that visualises an ETH address and its connected addresses with their interactions and relationships. 10) unicornideas has started work.

CyberConnect Explorer

Learn more on the Gitcoin Issue Details page.

gitcoinbot commented 2 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work for 3000.0 USDC (3000.0 USD @ $1.0/USDC) has been submitted by:

@wildsaofeng please take a look at the submitted work:

PR by @jethrof22
PR by @unicornideas
PR by @weiz16
PR by @visdauas
PR by @imkrish7
PR by @qoyyuum
PR by @michaelmuenzer
PR by @samixdev

Learn more on the Gitcoin Issue Details page
Want to chip in? Add your own contribution here.
Questions? Checkout Gitcoin Help or the Gitcoin's Discord
$5,467,411.37 more funded OSS Work available on the Gitcoin Issue Explorer

gitcoinbot commented 2 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

The funding of 3000.0 USDC (3000.00 USD @ $1.0/USDC) attached to this issue has been approved & issued to @unicornideas.

Learn more on the Gitcoin Issue Details page
Questions? Checkout Gitcoin Help or the Gitcoin's Discord
$5,086,137.74 more funded OSS Work available on the Gitcoin Issue Explorer

cyberconnecthq / explorer-and-cyberconnected-dapps

Task 1 - Social Connection Explorer #1

Task 1 - Social Connection Explorer