Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sabelomkhwanzi/defilux

DefiLux - Is Cross-chain Defi DApp that enhances a great UX experience to help providing the best price quotation for swaps, bridges
https://github.com/sabelomkhwanzi/defilux

chakra-ui covalent-api defi javascript nextjs swing-api unstoppable-domains

Last synced: about 1 month ago
JSON representation

DefiLux - Is Cross-chain Defi DApp that enhances a great UX experience to help providing the best price quotation for swaps, bridges

Awesome Lists containing this project

README

        

### EthGobal - HackMoney 2022

#### Challenge Description - Building a Project themed to HackMoney using the tools provided by the sponsors

#### Project name: DefiLux - A Cross-Chain Defi Price Quotation DApp:

### Project Description

#### Let understand Defi:
- Decentralized finance, or Defi, uses emerging technology to remove third parties in financial transactions.
And components of Defi are stablecoins, software, and hardware that enables the development of applications.
- It eliminates the fees that banks and other financial companies charge for using their services.
- You hold your money in a secure digital wallet instead of keeping it in a bank.
- Anyone with an internet connection can use it without needing approval.
- You can transfer funds in seconds and minutes.

#### In this hackathon, I'm will be building a Defi tooling that provides price quotes for swaps, bridges, and token transfers, by using the products and tools that have been developed by sponsors in this hackathon:
1. Bridge Quote: [Swing.xyz](https://swing.xyz/) - Crypto developers & traders use Swing to trade and bridge liquidity between blockchains like Ethereum (EVM's), Solana, and Terra.
2. DEX Prices: [Covalen](https://www.covalenthq.com/) - Covalent provides a unified API bringing visibility to billions of Web3 data points.
3. Wallet Connect - [Unstoppable Domain](https://unstoppabledomains.com/) - Building decentralized digital identities for the world

#### About this project
- DefiLux - Is Cross-chain Defi DApp that enhances a great UX experience to help providing the best price quotation for swaps, bridges and token transfers.

### 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

##### 1. Home Page

![HomePage](https://github.com/SabeloMkhwanzi/defilux/blob/main/public/defiLuxHomePage1.jpg)

#### Running the app

### Getting Started

First, clone the repo with the following git command:

```bash
git clone https://github.com/SabeloMkhwanzi/defilux
```

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:

```

NEXT_PUBLIC_COVALENT_APIKEY=

```

Finally, run the development server:

```bash
npm run dev
# or
yarn dev
```

Happy Hacking!😊