L2 ROLLATHON - Integrating UNS “Login With Unstoppable”

The Challenge Description: Integrate the “Login with Unstoppable” feature as a login option on your Dapp OR submit a PR to merge this feature as a login option on an existing DeFi/NFT dapp.

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: Unstoppable Domains - Unstoppable Domains are NFTs, and they are decentralized. What sets an Unstoppable Domains NFT apart from traditional domain names (like .com) is that NFT domains are stored by their owners in their wallets like cryptocurrency, and no third party can change or remove them. This makes them, in a word, unstoppable.
• 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
• Login with Unstoppable

Running the app

Getting Started

First, clone the repo with the following git command:

git clone https://github.com/SabeloMkhwanzi/Login-with-Unstoppablen-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:

INFURA_ID=
REACT_APP_RPC_ENDPOINT=
API_KEY=
REACT_APP_TRANSAK=
ALCHEMY_ID=


REACT_APP_CLIENT_ID=
REACT_APP_REDIRECT_URI=

Finally, run the development server:

npm run dev
# or
yarn dev

Happy Hacking!😊

Login-with-Unstoppablen-Multify