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.
- 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.
- 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.
- 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.
- Overview Dashboard
- Pools
- Tokens
- Transaction History
- DEX Swap
- Buy Cryptocurrency
- Login with Unstoppable
Live website: Multify
GitHub Repository: github.com/SabeloMkhwanazi
Demo video: video
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!😊