Inspiration
Online payments have become incredibly convenient, but making an informed payment decision is still surprisingly complicated.
When purchasing something, users often have to compare discounts, cashback, processing fees, interest rates, EMIs, and rewards across different payment methods. Even after completing a payment, managing receipts and maintaining purchase records can become another tedious task.
We asked ourselves: What if PayPal could do more than process payments? What if it could help users decide how to pay smarter and take care of everything after the payment too?
That question inspired PayPal Helper, an intelligent payment companion built around two key components: SmartPay AI and PurchaseDoc AI.
What it does
PayPal Helper transforms the traditional checkout experience into a smarter, more transparent purchase journey.
1. SmartPay AI: Intelligent Payment Decisions
SmartPay helps users compare available payment options based on their actual financial impact. It considers factors such as:
- Discounts and cashback
- Processing fees
- APR and interest costs
- Monthly instalments
- Rewards and total payable amount
Users can explore recommendations based on different preferences, including:
- Lowest Total Cost: Find the option that costs the least overall.
- Affordable Monthly Payment: Prioritise manageable instalments.
- Maximum Rewards: Find options that offer better rewards.
Instead of simply displaying numbers, SmartPay aims to explain why a particular payment option may be better.
2. PurchaseDoc AI: Automated Purchase Documentation
Once a payment is successfully verified, PurchaseDoc is designed to generate an organised purchase document linked to the transaction.
Users can access and download their purchase records as PDFs, making it easier to maintain a reliable history of purchases without manually managing receipts.
Together, these components make PayPal Helper more than a checkout experience. It becomes a companion throughout the purchase lifecycle.
How we built it
We designed PayPal Helper as a web application with a React-based frontend and a modular architecture.
Our implementation approach includes:
- React and Vite: Building the interactive user interface and purchase journey.
- Tailwind CSS: Creating a clean, responsive interface.
- SmartPay Calculation Engine: Evaluating payment options using financial inputs and ranking logic.
- jsPDF: Generating downloadable purchase documents.
- Node.js and Express: Building the backend architecture for payment workflows and business logic.
- PayPal Developer Platform: Using the PayPal Sandbox environment as the planned payment integration for order creation, capture, and transaction verification.
- Supabase and PostgreSQL: Designing persistent storage for users, preferences, transactions, payment events, and purchase documents.
We focused on keeping financial calculations, payment verification, and document generation as separate components so that the system could be extended and maintained more easily.
Challenges we ran into
One of our biggest challenges was going beyond a conventional payment integration and designing a system that could make the entire purchase journey more intelligent.
Some of the key challenges included:
- Comparing different payment methods: Discounts, processing fees, interest rates, and rewards must be evaluated together to avoid misleading recommendations.
- Financial accuracy: Missing information, such as shipping charges or taxes, must not be treated as zero or assumed to be free.
- Payment reliability: Purchase documents should only be generated after successful payment verification, rather than relying on frontend payment status.
- Duplicate payment events: Designing for idempotency and reliable webhook processing is essential to prevent duplicate transaction records.
- Secure document management: Purchase records must remain accessible only to their authorised users.
These challenges pushed us to think about reliability, security, and financial transparency from the beginning.
Accomplishments that we're proud of
We are proud of bringing two often-separated parts of online shopping into one connected experience: intelligent payment decisions and post-payment documentation.
Some accomplishments include:
- Designing a multi-criteria payment comparison and recommendation engine.
- Creating personalised ranking strategies for different financial preferences.
- Building a purchase journey that connects payment decisions with purchase documentation.
- Designing a structured database architecture for transactions, payment events, and documents.
- Planning a secure, transaction-linked document workflow with payment verification at its core.
Most importantly, we are proud of the idea behind PayPal Helper: making payments not just easier, but smarter and more transparent.
What we learned
This project taught us that building a useful FinTech product requires much more than making an attractive interface or connecting a payment API.
We learned about payment lifecycles, financial calculations, transaction verification, webhook reliability, idempotency, database security, and the importance of accurate data.
We also learned to think beyond individual features and design around the complete user journey, from deciding how to pay to maintaining trustworthy records afterwards.
What's next for PayPal Helper
We envision PayPal Helper evolving into a comprehensive AI-powered financial companion.
Our next steps include:
- Completing and testing the PayPal Sandbox integration, including order creation, capture, and webhook verification.
- Integrating an AI service to provide more contextual financial explanations and intelligent recommendations.
- Developing personalised payment preferences based on users' spending behaviour.
- Completing secure cloud-based purchase document storage and retrieval.
- Exploring product-aware recommendations that help users evaluate both what to buy and how to pay for it.
- Expanding transaction analytics to help users understand their spending patterns.
Our long-term vision is simple: PayPal Helper should help people make better financial decisions before they pay and give them greater control over their purchases after they pay.
Built With
- artificial-intelligence
- express.js
- financial-technology
- fintech
- javascript
- node.js
- payment-processing
- paypal
- pdf-generation
- postgresql
- react
- supabase
- tailwind-css
- vite
- web-development