Skip to content

Integrate Transak fiat on/off ramp integration into for user to buy crypto without leaving DApp

Notifications You must be signed in to change notification settings

SabeloMkhwanzi/Multify

Repository files navigation

L2 ROLLATHON - TRANSAK INTERGRATION

The Challenge Description: Integrate Transak’s fiat on/off ramp integration into your app and launch it! Transak lets mainstream users buy crypto directly in your app or website with their local fiat currency and payment method. You can onboard more users to crypto and increase your revenue through our super simple developer integration.

MULITFY - Web3 DEFI Tool

Project Description

  • Multify is a multi-chain analytics dashboard, a tool for Investors, Cryptocurrence holders to visualize, analyse data on various blockchains and decentralization exchanges on one platform.

Project Concept

  • Building a platform that helps users to remain on one platform that providers all the tools needed by Investors, Cryptocurrency holders, traders etc.
  • This project provided a simple way to track, analyse and visualize all data assets, track transactions, swap crypto assets and buy cryto.

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.
  • Dex Interface: Uniswap Labs Widgets - Getting Started with the Swap Uniswap Widget.
  • HTTPS and WebSocket Provider: Infura - guide on how to use the most versatile blockchain developer platform.
  • Wallet connection: Wagmi - is a React Hooks library for Ethereum, built on ethers.js.

Project Feature

  • Overview Dashboard
  • Pools
  • Tokens
  • Transaction History
  • DEX Swap
  • Buy Cryptocurrency
1. Buy Crypto - Transak Intergration

Transak

Live website: Multify

GitHub Repository: github.com/SabeloMkhwanazi

Demo video: video

Project Start: Date: 11 May, 2022

Wallet Address : 0xF975206a46b4eD9f5F008AF9813B19bf083d94eE

Running the app

Getting Started

First, clone the repo with the following git command:

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

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:


UNISWAP_REACT_APP_RPC_ENDPOINT=
COVALENT_API_KEY=
REACT_APP_TRANSAK=
WAGMI_ALCHEMY_ID=

Finally, run the development server:

npm run dev
# or
yarn dev

Happy Hacking!😊

Multify