https://github.com/sabelomkhwanzi/klaytn-dashboard
A user friendly defi Dex dashboard that displays Klaytn blockchain Assests and ClaimSwap a Dex built on Klaytn mainnet.
https://github.com/sabelomkhwanzi/klaytn-dashboard
chakra-ui covalent-api dashboard defi javascript klaytn nextjs wagmi
Last synced: 2 months ago
JSON representation
A user friendly defi Dex dashboard that displays Klaytn blockchain Assests and ClaimSwap a Dex built on Klaytn mainnet.
- Host: GitHub
- URL: https://github.com/sabelomkhwanzi/klaytn-dashboard
- Owner: SabeloMkhwanzi
- Created: 2022-05-14T09:32:19.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-23T10:58:21.000Z (8 months ago)
- Last Synced: 2025-01-18T03:11:58.800Z (4 months ago)
- Topics: chakra-ui, covalent-api, dashboard, defi, javascript, klaytn, nextjs, wagmi
- Language: JavaScript
- Homepage: https://klaytn-dashboard.vercel.app/
- Size: 685 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Klaytn-Covalent Unified Hackathon Bounty 2: DeFi Track
### Challenge Description
#### This track is for developers who are interested in building DeFi-related use cases on Klaytn ecosystem. Examples of possible use cases could be
- DeFi dashboards
- Wallets,
- DeFi aggregators,
- P2P lending & borrowing platforms,
- yield-farming tools,
- DeFi derivatives trading, etc.
### Klaytn- DEFI Dashboard
- Decentralization is one of the key aspects of blockchain technology and the entire crypto realm. As such, decentralized finance (DeFi) has been one of the most popular use cases of this disruptive technology.
- However, it is important to create platforms with user-friendly dashboards that will attract the masses to this peer-to-peer approach to decentralization finance.
- In this hackathon I have used Covalent API to Build a user friendly defi dex dashboard that displays Klaytn blockchain Assest and claimswap a Dex built on Klaytn mainnet. This was a fun project for me because I got to learn more about covalen & Klaytn during this Hackathon, and well as gain more skills
### Tools
- Building Framework: [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- Frontend: [Chakra-ui](https://chakra-ui.com/) - Create accessible React apps with speed
- Backend: [Covalent Api](https://www.covalenthq.com/) - Covalent provides a unified API bringing visibility to billions of blockchain data points.
- Hosting platform: [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
### Project Feature
- Dashboard
- Claimswap Analytics
- Pools
- Tokens
- Klaytn Market
##### 1. Home Page
#### Running the app
### Getting Started
First, clone the repo with the following git command:
```bash
git clone https://github.com/SabeloMkhwanzi/Klaytn-dashboard
```
Second, open a terminal in the root directory of the project and run:
```bash
npm install
```
to install all the package dependencies for the project
Create a .env file in the root folder and populate it with the following variables:
```
REACT_APP_COVELANT_API=
```
Finally, run the development server:
```bash
npm run dev
# or
yarn dev
```
Happy Hacking!😊
# Klaytn-dashboard