SwapMateDEX
Frontend

Frontend

The repository contains a frontend app in the frontend/ directory. Before you run it locally, edit the contracts file used by the app:

  1. Open frontend/src/lib/contracts.ts.
  2. Replace or ensure the CONTRACTS export matches the deployed addresses below.
  3. If you have any language tag or short-code sm in metadata after uploading, change it to eng.

Example contents for frontend/src/lib/contracts.ts:

// filepath: frontend/src/lib/contracts.ts
// Contract addresses from latest deployment
export const CONTRACTS = {
  // Token addresses
  KANARI: "0x..." as const,
  USDC: "0x..." as const,
 
  // DEX Infrastructure
  DEX_FACTORY: "0x..." as const,
  KANARI_NATIVE_POOL: "0x..." as const,
  FARMING: "0x..." as const,
} as const;

To run it locally:

cd frontend
npm install
npm run dev

This typically starts a local dev server (Vite/Next) and serves the UI that interacts with deployed contracts.