Landing Page
Dashboard Home Page
Transactions Page
Payment Link Generated Page
Personalised Payment Page
Smart Contracts on Remix
Create Payment Link Page
Create Personalized Payment Page
Remix and Contracts

Problem

Payment Infrastructure in web2 is highly controlled by large companies and Banks , who control every bit of payments and Users Fund leaving user out of the power over their own assets. Being highly centeralized , sometimes these payment network face huge downtimes . Access over this precious data is also in hands of these companies , which can use it for whatever purpose they want. The system is not fully transparent in terms of payments but it should be .

Inspiration

To address this issue , we came up with the idea of a decentralized payment infra built totally over blockchain to allow user to regain control and making the system fully transparent . Users can now manage the payments in every way and every method they can think of , with power of Smart Contracts . Merchants can accept payments in crypto with multicoin and multichain support directly via our payment Components and Gateways.

What it does ?

Swift Fi is a DEFI platform and payment suite to meet all the payment needs . Grow your business by powering all your finance directly through our platform . Suite include Payment requests, Payment Links , Personalised Payment Pages , Payout Links , Payment gateway and Payment SDKs / Components for businesses , Pay Splitting , Routing and Subscriptions . Payment comes with variety of Payment Options such as Pay Now , Pay later , Pay via EMIs , Pay via Stream , all with support for variety of crypto and Stable coins . Gift cards can also be created to send money stored in NFT .

Payment Options

Pay Now : directly pay via Connected wallet or in-website wallet if user is registered with the platform
Pay via Stream: Pay payments via streaming the tokens enabled via Superfluid integrations
Pay Later : Pay for payments with a 30 days interest free credit period , pay back within 30 days to avoid any interest .
Pay EMI : Pay in installments every month by creating an EMI for selected tenure at lowest interest rates.

Payment Component or SDKs

Swift Fi - Payment Component to enable accepting payments in crypto with multi-chain and multi-coin support . Offer payment options like PayNow , PayLater , PayViaEMI and PayVia Stream to your payers directly from the component , powered by Swift Fi Smart Contracts deployed on Blockchain . Integrate in your Website with just few lines of Code and provide Seemless experience of paying via Crypto to your User. It is already published on NPM , UI based SDK to add the payment infra to your dApp . https://www.npmjs.com/package/swiftfi-pay https://github.com/SwiftFi/SwiftFiPayPackage

Features

Payment Component or SDKs - It to enable accepting payments in crypto with multi-chain and multi-coin support . Integrate in your Website with just few lines of Code

Payment Gateway - Gateways are redirectable links to accept payment in Crypto in variety of payment option available and multiple coins including USDC , USDT , Matic , ETH , LINK , etc . Users can completed the request by choosing the options accordingly.

Payment Links - Sharable payment links that can be created by the user for an amount and with other details. The payer can just use the link to pay to user to complete the payment requests with various payment option available .

Personalised payment page - Payment Pages for specific purposes like selling tickets and products , donations , creator support , fee collection.

Payout links - A Shareable link to receive payout in crypto , created by the user to pay the payee . This amount is non transferrable , only the supposed person can claim the amount

GiftCard - Gift card can be created to send a crypto gift to a person . NFT can be transferred to gift the amount , the person with the NFT can claim the amount.

Payment Splitter / Router - Split the incoming payments into a set of accounts , a contract is deployed via the SplitManager . Then this contract acts as a wallet and can be used to receive the funds .

Technologies used to build

For front-end we used the following technologies:

JavaScript & NextJs - To build the frontend layout and adding functionality to application
CSS - for styling and animations used in the website
Tailwind CSS - used to style all the components and make website responsive
Canva - for assets desigining
Wagmi.js / ethers.js - integrate contracts with frontend interface
Rainbowkit - Wallet component to add connect wallet functionality

For backend and Sponsors , we used this tech :

Solidity : To write Smart Contracts , We created 13 Smart Contracts to power the Swift Fi payment infrastructure , fully secure and audited , based on a proper flow .
IPFS : Web3.storage to store all the request data, profile details, gift cards and every other data being managed by SwiftFi transaction details . Stored directly on IPFS and rendered from the same .

https://github.com/SwiftFi/swiftfi/blob/main/app/functionality/storeRequest.js, https://github.com/SwiftFi/swiftfi/blob/main/app/functionality/storePageData.js, https://github.com/SwiftFi/swiftfi/blob/main/app/functionality/storeGiftCards.js

QuickNode : RPC URL used for Provider in the frontend interface .
Chainlink : Fetch Prices using Chainlink Oracles . https://github.com/SwiftFi/swiftfi/blob/main/app/functionality/fetchPriceFeeds.js
Superfluid : To enable token Streaming as a payment of Option
Thirdweb : To deploy and manage all the contracts
Polygon : All the contracts have been deployed on the polygon Mumbai testnet:

Here are all the Contracts : Payout Manager: 0x34C460FcEAd74eBEaC8F77d3Cf67F24d9FEF1Fda , https://thirdweb.com/mumbai/0x34C460FcEAd74eBEaC8F77d3Cf67F24d9FEF1Fda/

gcCollection: https://thirdweb.com/mumbai/0xde63122C4351267563168C879Dd5Ef8936B206d7/

gcCreator: https://thirdweb.com/mumbai/0x8F84c6343A2230B7f6a5D1D81B546d2f669D5697/

profileManager : https://thirdweb.com/mumbai/0x82f8e74d48CE2f83725848F8158a1233aBEc9125/

personalizedPage : https://thirdweb.com/mumbai/0xC1513C7F031BDE4e3952632db243459C3A413c04/

walletVerifier : https://thirdweb.com/mumbai/0xa32964d2683E2667951cEecb1Eda234336b92583/

funds : https://thirdweb.com/mumbai/0xF7E51F72aA8c634B9795E532Eb1b37Ff6D8FDa04/

Stream: 0xb6779E69B453F2324E67b9b1F86257F6038973A7 ,

payments: https://thirdweb.com/mumbai/0xa7da0579d3967C125A91e20BEE581eAb0CC68805/

payment Request : https://thirdweb.com/mumbai/0xAB35BF389100395f9c420e07c2D2d697Eb46ef7b/

What's Next

Contracts are already created which powers the whole platform and manage the payment Suite. We are yet to properly integrate with the frontend interface as major time and research was spent on Smart Contracts and their actual flow . We will work on creating a Proper UI / UX for the same to give seamless user experience .

We will focus on creating the perfect plug ins and SDK to be able to add payment support in every kind of app or website.