catherinee24 / dex-front

CatellaTech DEX

Making the frontend part of my project DEX smart contract!

---

Installing / Getting started

# Clone this project
$ git clone https://github.com/gab0071/DEX-FRONT

# Access
$ cd DEX-FRONT

# Install dependencies
$ npm install

Commands

• $ npx create-next-app@latest
• $ npm run dev Now go to http://localhost:3000, your app should be running 🤘

Open up a terminal pointing at my-app directory and execute this command:

• $ npm install web3modal ethers

Note🚨 ➡ to interact with your smart contract in the folder constants/index.js write:

 export const TOKEN_CONTRACT_ABI = "ABI-CRYPTO-DEV-TOKEN-CONTRACT";
 export const TOKEN_CONTRACT_ADDRESS = "ADDRESS-OF-CRYPTO-DEV-TOKEN-CONTRACT";
 export const EXCHANGE_CONTRACT_ABI = "ABI-EXCHANGE-CONTRACT";
 export const EXCHANGE_CONTRACT_ADDRESS = "ADDRESS-EXCHANGE-CONTRACT";

We created some utility files which would help us to better interact with the contract. Create a utils folder inside the my-app folder and inside the folder create 4 files: addLiquidity.js, removeLiquidity.js, getAmounts.js, and swap.js.

Technologies / Built With

• Next.js
• Ethers.js
• Web3Modal

---

Hope you enjoy making this.

Made with ❤️ by catellaTech.