Giter VIP home page Giter VIP logo

dbdpfls / superswap-dex Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cajr11/superswap-dex

0.0 0.0 0.0 2.54 MB

A multi-chain decentralised exchange where users can authenticate themselves using Metamask or Wallet connect, across web and mobile in order to swap/buy tokens on the blockchain.

Home Page: superswap-dex.vercel.app

JavaScript 1.56% TypeScript 94.33% CSS 0.67% HTML 3.44%

superswap-dex's Introduction

Superswap Dex

A multi-chain decentralised exchange(DEX) where users can authenticate themselves using Metamask or Wallet connect, across web and mobile in order to swap/buy tokens on the blockchain.

Demo

Live application link

https://superswap-dex.vercel.app/

Stack

react tailwind css moralis

Usage

NOTE - For users to exchange/buy tokens and access wallet details and view transactions, the MetaMask extension(web) or app(mobile) should be installed. Alternatively any of the wallets that WalletConnect provides should also be installed on their devices.

Exchange/Buy

In order to exchange tokens on superswap, users need to authenticate themselves as shown in the demo above. Upon authentication, users can switch chains between bsc, eth(default) and polygon. Once a desired chain has been selected, users can select then select the tokens they wish to exchange by clicking on the token logo in the input fields.

After token selection, amounts can be input which will be automatically converted to the desired currency's amount, along with a gas fee estimat at the bottom. To complete the transaction, click the swap button and wait for your wallet to request approval to sign off on the transaction.

Language

The app offers a language feature. The language can be toggled between English and Spanish.

Theme

The has a themeing feature which allows day oe night selection

Running Locally

Installation Steps

yarn install

then

yarn start

Environment Variables

A .env file will need to be created at the highest level of the project folder, within this file 3 environment variables will need to be created. These will be for the moralis server url, app id and web key which is used to initialise your dapp. Can be retrieved from your moralis account.

REACT_APP_SERVER_URL_MORALIS=key
REACT_APP_ID_MORALIS=id
REACT_APP_WEB_API_KEY=key

NOTE - This dapp uses V1 of the moralis react SDK.

superswap-dex's People

Contributors

cajr11 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.