Simple Pay

To build a stunning web application and a seamless, secure, and user-friendly checkout experience that would align with SimplePay's vision of reducing transaction costs and rewarding customer loyalty, our team at neWwave used the following tools and approaches:

‍

‍

1. Frontend and Web App Development

Developed SimplePay using Flutter and FlutterFlow as a responsive web application, ensuring seamless performance across both desktop and mobile platforms. Additionally, we focused on a clean, intuitive UI/UX that simplifies the checkout experience, providing users with an easy-to-navigate interface that reduces friction during the payment process.

2. Backend Infrastructure

Firebase runs the backend: user authentication, the real-time database and hosting all sit on it. Firebase's robust infrastructure provided the necessary security and performance to handle user accounts and transaction data.

Node.js (Express.js) was employed as the primary backend framework for building APIs, handling server-side logic, and managing the integration of third-party services such as payment gateways. This provided a scalable and efficient backend solution for processing transactions securely.

3. Plaid Integration

A major feature of SimplePay was the integration of Plaid, which allows users to securely link their bank accounts. This integration enables users to perform ACH (Automated Clearing House) transfers, providing a direct and seamless connection between user bank accounts and SimplePay’s payment platform.

The Plaid API was integrated with Node.js, handling the exchange of sensitive data, securely retrieving user bank account information, and processing it through Stripe for payment processing. This ensured PCI-DSS compliance, safeguarding user financial data.

4. Payment Processing and Shopify Integration

Stripe was integrated to manage the payment processing functionality within SimplePay. Stripe was responsible for handling credit card payments, recurring billing, and ACH transfers initiated through Plaid.

5. State Management

For managing the application’s state, Provider was the state management technique used throughout the project. This ensured efficient handling of state changes and UI updates across different screens, maintaining performance and minimizing re-rendering.

6. Performance Monitoring and Analytics

Implemented Firebase Crashlytics to monitor real-time performance and crash analytics. Crashlytics provided critical insights into app stability, allowing quick identification and resolution of bugs, resulting in a more robust application.

Mixpanel was used for detailed analytics, tracking user behavior throughout the app. By analyzing user interactions, insights were gathered to improve the overall experience and optimize the payment flow.

7. Security and Compliance

All financial transactions follow industry-standard security protocols:

• PCI-DSS compliance for secure data handling
• Encryption of sensitive information
• Multi-factor authentication
• OAuth2 and JWT (JSON Web Tokens) for secure user authentication and session management, an additional layer of security for both users and merchants

8. Ongoing Developments

The development pipeline includes the release of a Progressive Web App (PWA) to extend SimplePay's capabilities across a broader range of devices. This will enhance the flexibility of the platform and make it even more accessible to users.

Tech used at a glance

• Flutter and FlutterFlow – responsive web app for desktop and mobile
• Firebase – authentication, real-time database, hosting and Crashlytics
• Node.js (Express.js) – APIs, server-side logic and third-party integrations
• Plaid – bank account linking and ACH transfers
• Stripe – credit card payments, recurring billing and ACH processing
• Provider – state management
• Mixpanel – user behavior analytics

‍

‍

What did the project achieve?

In just six months, we delivered a fully functional web app and payment solutions using no code and low code tools, far faster than traditional methods. The results:

• More direct bank payments: the integration led to increased adoption of direct bank payments.
• Lower costs for merchants: less reliance on credit cards reduced transaction costs.
• More trust: advanced encryption enhanced security, boosting trust and confidence among SimplePay users.
• Repeat business: the seamless checkout and rewards system improved customer satisfaction and encouraged repeat business.