CyberGraph is a 3D-graph based, user based social connection explorer. It has some cool features like 3d node graph, dynamic loading bar, immersive user experience, cyber mode(10-hops friendship network display) and focus mode(aggregated connection display).
This project is inspired from Gitcoin Scheduling Point Virtual Hackathon contest submissions which is making a social explorer with cyberconnect on Web3.
CyberGraph is still well under improvement with many features in the pipeline. This is a perfect scenario for the whole community to join us and BUIDL together. Please see more information on Gitcoin Grants Round 13 Hackathon CyberConnect Task 1
We invite the community to experiment with it and add innovative features or make constructive product suggestions. A few examples that sprung to our mind: adding node visual effects to make it easier to read user info; differentiating connection & nodes visually, maybe on the basis of connection types, connection quantity, etc, and in terms of color, brightness, distance, etc; enabling continuous exploration where users can track their path of connections; adding subgroups; enabling exploring the connections between two queried nodes; optimizing graph filtering and visualization so to balance between UX and informative efficiency.
- POAP Fetching & NFT Fetching
- Following & Follower List Display
- Innovative Features & Product Suggestions (Like adding node visual effects features to make it easier to read user information)
Welcome to discuss and learn in our discord Hackathon channel and make your submission. CyberConnect team welcomes anyone who wants to join Web3 world and is happy to transfer development knowledge.
Participants from Gitcoin SPVH hackathon and other contributors please contact brucew@cybertinolab.com to append to the list. We are looking forward to more people's participation!
Set the following variables in .env
NEXT_PUBLIC_MORALIS_SERVER_URL =Moralis Server URLNEXT_PUBLIC_MORALIS_APP_ID =Moralis App ID
Then run:
yarn install
yarn run dev
Open the browser, open Localhost and you will see the UI of the project.