PayPlease

Secure e-wallet that supports real-time top-up & withdraw, in-app transactions.

Comment

Who are we?

We are a passionate group of third-year students enrolled at the National University of Singapore, eager to leverage our diverse skill sets in TikTok's hackathon. This opportunity allows us to combine our collective knowledge, creativity, and innovative spirit to contribute meaningfully to the TikTok community.

  • Yuze : Lead software developer
  • Branson : Backend developer
  • Tricia Goh : External APIs & UI designer
  • Joshua Tan : Frontend developer & UI designer
  • Pang Rui Wei : DevOps engineer & Version Control

Inspiration

Our inspiration for PayPlease came from understanding how typical e-wallets like Grab or brokerage platforms like IBKR or Robinhood function. We aimed to create a web app that functions similarly, allowing users to perform actions like topping up, withdrawing, and transferring funds within the application.

What it does

  • Top-up: Users can add funds to their digital wallet within the app, through linked stripe account.
  • Withdraw: The application will allow users to withdraw funds from their wallet to thier linked stripe account.
  • Transfer: Users can transfer funds to other users within the application, making it convenient for peer-to-peer transactions.
  • Transaction History: The app will keep a record of all financial transactions, providing users with a transparent overview of their financial activities.
  • Balance: The app will keep a record the user’s real-time balance and display it.
  • Security: Implementing robust security measures to protect user data and financial information, ensuring a safe and secure experience.
  • User-Friendly Interface: The user interface will be intuitive and easy to navigate, making it accessible to a wide range of users.

How we built it

We built PayPlease using the following technologies: *Framework: Model-View-Controller as framework for managing project *Frontend: React and Material-UI for the user interface Backend: Node.js and Express for server-side logic Database: PostgreSQL for data storage Deployment: Hosted on Render Cloud

Challenges we ran into

During the development of our project, we encountered several challenges that tested our problem-solving skills and required collaboration to overcome. Here are the key challenges we faced:

Cloud Provider Selection: Initially, we had to decide on a cloud hosting provider for our application. This decision was challenging as many providers require payment, and we needed to find one that aligned with our project’s budget and requirements.

Token Management: Managing user authentication tokens and sessions was another challenge. Ensuring that tokens were securely generated, stored, and validated for session users required careful implementation to maintain the application’s security.

Integration of Stripe API: Integrating the Stripe API posed a significant challenge. None of us had prior experience in this field, and we needed to learn how to incorporate this crucial payment processing system into our application effectively.

Accomplishments that we're proud of

  • Creating a functional e-wallet application with a user-friendly interface.
  • Successfully integrating payment processing capabilities through the Stripe API.
  • Implementing secure user authentication and session management.
  • Deploying the application on Render Cloud to make it accessible to users.

What we learned

Throughout the development of PayPlease, we gained valuable insights and learned important lessons. Some of the key takeaways include:

  • The challenges and complexities of integrating payment processing APIs like Stripe.
  • Effective token management and user authentication practices.
  • The importance of collaboration and teamwork in overcoming obstacles during a hackathon.

What's next for PayPlease

While we’ve made significant progress with PayPlease during this hackathon, we have exciting plans for its future development. Here’s what’s next on our roadmap:

  • Implementing a split-bill feature for seamless expense sharing among users.
  • Introducing a cutting-edge receipt scanning feature with AI image recognition to streamline expense tracking. With these enhancements, we aim to develop PayPlease into a comprehensive and user-friendly financial application that meets the evolving needs of our users. Stay tuned for updates and improvements as we work diligently to make PayPlease even better.

Built With

Share this project:

Updates