Skip to content

This is a NextJS project where I built a modern, sleek application for keeping track of banking transactions. Using the Plaid API and Dwolla API, I was able to securely allow users to view transactions, transfer funds, and connect bank accounts using Plaid's sandbox mode.

Notifications You must be signed in to change notification settings

Hayden-git/Banking_App

Repository files navigation

🏦 Banking App

ATTENTION: When creating an account, the form asks for personal data like name, address, date of Birth, and SSN just like any banking platform may... However, PLEASE do not use real personal information. This app is still using Plaid's sandbox API and DOES NOT have access to your real banking information. This is merely a proof of concept using sandboxed banking data from the Plaid API.

image

A modern, secure, and mobile-responsive banking app built with TypeScript, React, Next.js, and ShadCN. This app allows users to view transactions, add bank accounts, send funds, and authenticate payments seamlessly using Plaid API and Dwolla API. The backend is powered by Appwrite, a real-time database and authentication platform.

  • When making an account:
  • PLEASE make sure to type in the Date of Birth in "YYYY-DD-MM" format... (Ex: 1988-02-01)
  • Use any random or fake address and postal code you would like... (Ex: 123 Place St, New York City, NY 12345)
  • For the SSN, any set of random numbers will work... please do not use your real SSN... (Ex: 123 45 6789)

🚀 Features

View Transactions – Users can see their transaction history, including amounts, categories, and payment statuses.
Add Bank Accounts – Connect checking or savings accounts securely using Plaid API.
Transaction Authentication – Securely authenticate payments and transactions via Plaid and Dwolla.
Send Funds – Transfer money safely between users with Dwolla API.
Copy Transaction IDs – Easily copy and share transaction identifiers.
Mobile Responsive – Fully optimized for mobile and desktop usage.

🛠️ Tech Stack

  • Frontend: React, Next.js, TypeScript, ShadCN (for UI components)
  • Backend: Appwrite (real-time database and authentication)
  • APIs: Plaid API, Dwolla API (for payment processing and authentication)
  • Styling: TailwindCSS

🔐 Security

  • Plaid API handles secure authentication and bank linking.
  • Dwolla API ensures safe fund transfers.
  • Appwrite manages real-time database operations and user authentication.
  • JWT Authentication is used for securing user sessions.

🛠️ API Integration

🔗 Plaid API (Bank Account Linking & Transactions)

  • Link bank accounts securely.
  • Fetch and display real-time transaction data.

💳 Dwolla API (Payments & Transfers)

  • Authenticate payments between users.
  • Transfer funds safely between connected bank accounts.

🖥️ Screenshots

Here are some screenshots of the app:

image image image image image image

About

This is a NextJS project where I built a modern, sleek application for keeping track of banking transactions. Using the Plaid API and Dwolla API, I was able to securely allow users to view transactions, transfer funds, and connect bank accounts using Plaid's sandbox mode.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published