/defilux

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

Primary LanguageJavaScript

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 - Crypto developers & traders use Swing to trade and bridge liquidity between blockchains like Ethereum (EVM's), Solana, and Terra.
  2. DEX Prices: Covalen - Covalent provides a unified API bringing visibility to billions of Web3 data points.
  3. Wallet Connect - Unstoppable Domain - 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 - learn about Next.js features and API.
  • Frontend: Chakra-ui - Create accessible React apps with speed
  • Backend: Covalent Api - Covalent provides a unified API bringing visibility to billions of blockchain data points.
  • Hosting platform: Vercel Platform from the creators of Next.js.

Project Feature

1. Home Page

HomePage

Running the app

Getting Started

First, clone the repo with the following git command:

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

Second, open a terminal in the root directory of the project and run:

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:

npm run dev
# or
yarn dev

Happy Hacking!😊