The DEX Swap Widget that
Packs a Punch 👊

https://brucecrypto.vercel.app/

🥋 Inspiration

1inch.exchange was born from the philosophy of Bruce Lee’s world renowned one inch punch, a Martial Arts pinnacle of speed, vigor and efficiency. The Bruce swap widget aims to embody this same idea: a simple interface with powerful results. Shapeshift attempted this years ago, but was ultimately strangled by the bureaucracy that centralized systems invariably beckon. 1inch poises an opportunity to decentralize and simplify any-to-any token transactions. The purpose of this project is to capture that opportunity in an easy-to-use interface that anyone can share on their website.

🏊‍♀️ Product Deepdive

Video Demo

Features:

• Over 2300 Tokens
• Automatic fiat conversions via stablecoin quotes
• Static Output Token
  • Allows Token organizations to designate a single token for the widget to output
• Trade pair inversion (ETH-DAI to DAI-ETH in one click)
• Auto-generated token logos for non-standard tokens
• Illustrative UX animations
• Ready-on-load thanks to preloaded SSR data

⏰ Upcoming:

• CHI gas token support

Tech

🦺 Type Safe API's

• 1inch Swagger V2:
  • Typescript libraries generated via OpenAPI Tools
• 1inch Subgraph GraphQL:
  • Typescript interfaces generated via GraphQL Codegen
• Contracts: OneSplit & ERC20:
  • Typescript interfaces generated from ABI's using TypeChain

🥞 Stack

• Typescript
• React
• Next.js - Static generated with tokens & leading token logos pre-loaded for instant embedded rendering
• Web3React - Enabling wallet interconnectivity
• Ethers - Ethereum network interaction

🚀 Usage & Deployment

Requirements

• Metamask (or other web3-compatible browser extension)
• Node.js >=v10.1.0
• NPM or Yarn
• Git

⬇️ Clone the repository

git clone https://github.com/mccallofthewild/1inch-widget.git

⬇️ Install the node_modules

yarn

or

npm i

💰 Start Server

yarn dev

🏨 Host

Deploy to Vercel, or your static host of choice.