https://github.com/casweeney/covalent-hackathon
DApp built during Covalent Hackathon using the Covalent API
https://github.com/casweeney/covalent-hackathon
api covalent covalent-api dapp javescript reactjs
Last synced: 4 months ago
JSON representation
DApp built during Covalent Hackathon using the Covalent API
- Host: GitHub
- URL: https://github.com/casweeney/covalent-hackathon
- Owner: casweeney
- License: gpl-3.0
- Created: 2022-07-17T10:11:04.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-11-08T19:02:59.000Z (over 3 years ago)
- Last Synced: 2023-03-11T21:10:20.324Z (about 3 years ago)
- Topics: api, covalent, covalent-api, dapp, javescript, reactjs
- Language: JavaScript
- Homepage: https://web3dashboard-xi.vercel.app/
- Size: 5.76 MB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web3Dashboard
Web3Dashboard is a Defi and DAO platform that enables users to keep track of all the details of their DeFi investments, transactions, and assets across all multiple chains and also displays DAO data using a data visualization chart.
# Getting Started with Web3Dashboard
### Web Requirements
## To check your assets you will need the following
Wallet Address.
All Operating systems are supported (Windows, Mac, Linux).
Supported browsers include Chrome, Firefox and Brave.
### User Interface
Once you are in the WebDashbaord, You will see a field to "Enter your wallet address" and select the network to track your assets. Enter your wallet address, select preferred network from the dropdown list and click on the search icon at the top right hand side of the User Interface.
The "Assets" section of the dashboard will load right away after selecting the appropriate button on the dashboard's left side. You can then toggle to the "DAO" section, the NFT session, and back.
#### Key Features
Assets section: Displays the assets you own based the wallet address and selected network.
DAO section: Displays data from different DAOs used for analysis.
NFT section: (Coming Soon) Displays all the NFTs and address holds.
### Supported Networks
1. Ethereum
2. Binance Smart Chain
3. Polygon
4. Fantom
5. Avalanche
# Development Environment
This project is built with:
1. HTML and CSS
2. Tailwind CSS
3. JavaScript
4. React JS
# Dependencies
1. react-router-dom (used for single page routing)
2. ether.js (used to return token balance by dividing the balance by the decimal)
3. react-chartjs-2 (used for presenting data in charts)
# API
This project was built using the Covalent API
## Endpoints used:
### Class A Endpoints:
1. Get token balances for address
Given the
chain_id
and wallet address
, return current token balances for a particular address. This endpoint supports a variety of token standards like ERC20, ERC721 and ERC1155. As a special case, network native tokens like ETH on Ethereum are also returned even though it's not a token contract.
2. Get cryptocurrency transactions for address: Given the
chain_id
and wallet
address
, return all transactions along with their decoded log events. This endpoint queries the blockchain to retrieve all kinds of transactions that references the
address
including indexed topics within the event logs.
### Class B Endpoint:
1. Get XY=K network exchange tokens:
Given the chain_id and dexname, we returned network exchange tokens for a specific DEX.
2. Get XY=K supported DEXes.
Returns a list of DEXes currently supported by the XY=K endpoints (chain):
Here we selected Ethereum mainnet as our default chain. We returned top "" DEXes on Ethereum and their swap fees
## User Interface Link
Vercel link []
### Steps to Deploy
1. Clone this repository
2. Run `npm install` to install all dependencies
3. Start a terminal on the project folder
4. Run `npm start` to ensure everything is working well
5. Deploy on (Netlify or Vercel or Fleek)
### Deployments
Project is deployed on Vercel
### Contributors
Casweeney Ojukwu: https://github.com/casweeney
Jesse Raymond: https://github.com/Jesserc
Longs Penum: https://github.com/devlongs
Mitchell Osawaru: https://github.com/Cyber-Mitch