abhi3423/invoto

Invoto (cross chain invoicing for teams)

Invoto is a cross chain invoicing solution that enables businesses , freelancers and teams to create , manage and pay invoices in USDC to their users accross chains. Invoto is powered by Circle's CCTP (Cross chain transactions protocol) that enables payment across multiple chains.

what is Circle's CCTP ?

Cross-Chain Transfer Protocol (CCTP) is a permissionless on-chain utility that facilitates USDC transfers securely between blockchains networks via native burning and minting. Circle created it to improve capital efficiency and minimize trust requirements when using USDC across blockchain networks. CCTP enables developers to build multi-chain applications that provide secure, 1:1 transfers of USDC across blockchains for their users.

Usecase and Motivation

While Decentralized Finance (DeFi) offers immense potential, interoperability remains a significant hurdle to its widespread adoption. Invoto makes the tedious part of managing invoicing payments accross chain for your enterprise very easy. Using Invoto small as well as large businesses can pay their employee's invoices in thier preffered chain. With Invoto everyone can the advancatge of Cross Chain Payments and enhance their journey in Web3.

Target Track

Solving Defi interoperability using CCTP and Cross chain Payments.

Challanges we faced

We faced chalanges implimenting the cross wallet trasaction but we over came it using Circle's developer documentations.

Future Plans

We plan to imporve the over all UX of the application by adding more intuitive features for advance invoice management, integrate pdf uploads for bills as part of the invoice aswell as increase the pool of supported chains.

Gallery

Demo Link :- https://youtu.be/3x_O1ii2gZ4

Payer creation

Payer/Payee Onboarding

Payee Creation

Payer Dashboard

Payment/Transfer

Transfer to different wallet

Payee Dashboard

Invoice Creation

Reciving Cross chain payment

SEND TRANSACTION USING SEPOLIA TESTNET

RECIVE TRANSATION USING ARBITRUM SEPOLIA

Techstack used:-

Frontend & Web3	Backend
React Typescript	Node js
Zustand	Express js
Tilwind CSS Flowbyte	MongoDB
web3-react and ethers	Mongoose

Setup Invoto locally

Clone the frontend repository

git clone https://github.com/Utkarsh575/Invoto.git

Install dependencies for the client

Install NVM

# Install nvm using brew
brew install nvm
# Or install it manually
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

Use the correct node version (version found in .nvmrc)

nvm use

Install npm dependencies

npm install

Running the app

npm start

The client app will now be running on: http://localhost:3000.

Setting up the backend repo

git clone https://github.com/AryaKesharwani/circle-app-backend.git

Install npm dependencies

npm install

Running the app

Run the backend server locally:

npm start

The server will now be running on: http://localhost:3001.