React Finance
React Finance - Revolutionizing merchant payments pipelines using reactive network
Created on 22nd February 2025
•
React Finance
React Finance - Revolutionizing merchant payments pipelines using reactive network
The problem React Finance solves
- Lack of Transparency in Order Tracking
Problem : In traditional systems, customers and merchants often lack real-time visibility into the status of orders (e.g., shipping, delivery). This can lead to mistrust, delays, and disputes.
Solution :
The system uses a Mock Oracle Contract on the Ethereum Sepolia testnet to track and update shipping statuses (Shipped, Delivered) on-chain.
Real-time updates are reflected in the UI via blockchain events (ShipmentUpdate), ensuring transparency for both merchants and customers. - Centralized Payment Processing Risks
Problem : Traditional payment systems rely on centralized intermediaries (e.g., banks, payment gateways), which can introduce risks such as:
Delays in fund transfers.
High transaction fees.
Potential fraud or errors in payment processing.
Solution :
Payments are processed securely using smart contracts on the Ethereum blockchain.
Upon order completion, funds are automatically transferred to the merchant's wallet, eliminating intermediaries and reducing costs.
Refunds are also automated for failed orders, ensuring fairness and trust. - Manual and Error-Prone Status Updates
Problem : In traditional systems, order status updates are often manual and prone to human error. For example:
Merchants might forget to update the status.
Customers may not receive timely notifications about their order status.
Solution :
The system automates status updates using blockchain events (emitShipped, emitDelivered) triggered by the merchant.
These updates are immutable and verifiable on the blockchain, reducing the risk of errors and disputes. - Fraudulent or Disputed Transactions
Problem : Fraudulent activities, such as fake deliveries or chargebacks, are common in traditional e-commerce systems. This leads to financial losses for merchants and dissatisfaction for customers.
Solution :
The system ensures that payments are only released to merchants when the order status is updated to COMPLETED (verified on-chain).
Challenges we ran into
- Connecting to the Blockchain
Challenge : Getting the app to connect to the Ethereum blockchain (Sepolia testnet) was tricky. Sometimes, the wallet (like MetaMask) wouldn’t connect properly, or users didn’t have accounts set up.
Solution : We added checks to ensure MetaMask was installed and connected. If not, we showed clear instructions to the user. We also made sure the app asked for permission to access the user’s wallet. - Handling Blockchain Events
Challenge : Listening for updates from the blockchain (like when an order is shipped or delivered) was difficult because the data format wasn’t always easy to work with.
Solution : We carefully parsed the event data and converted it into a format the app could use. We also updated the UI in real-time whenever a new event was detected. - Updating Order Status
Challenge : Updating an order’s status (e.g., from "Pending" to "Completed") required both off-chain (API) and on-chain (blockchain) updates. This was complicated because the two systems needed to stay in sync.
Solution : We first updated the status in the database (off-chain) and then triggered the blockchain update. We also added error handling to make sure both updates worked together smoothly. - Transaction Delays
Challenge : Blockchain transactions (like confirming a shipment or transferring payments) took time to process, which confused users who expected instant results.
Solution : We added loading messages and notifications to let users know when a transaction was being processed and when it was completed. - Encoding Data for Smart Contracts
Challenge : Sending data to the smart contract required encoding it in a specific way, and mistakes in encoding caused errors.
Solution : We used tools like ethers.AbiCoder to encode the data correctly. We also tested the encoding process thoroughly to avoid issues.
Tracks Applied (4)
DeFAI - Build Autonomous DeFi Agents that seamlessly integrate with DeFi protocols to automate, optimize, and execute various financial operations.
Smart Account Tooling for Agents - Build an AI application or agent that leverages EigenLayer or an EigenLayer AVS
Treasury Management: Advanced Portfolio Management
MongoDB Atlas
Major League Hacking
Cheer Project
Cheering for a project means supporting a project you like with as little as 0.0025 ETH. Right now, you can Cheer using ETH on Arbitrum, Optimism and Base.
Discussion
Builders also viewed
See more projects on Devfolio