https://github.com/hayden-git/banking_app

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.
https://github.com/hayden-git/banking_app

appwrite appwrite-database dwolla fullstack-javascript nextjs plaid react react-native sentry sentry-client typescript

Last synced: 7 months ago
JSON representation

Host: GitHub
URL: https://github.com/hayden-git/banking_app
Owner: Hayden-git
Created: 2025-01-23T19:28:01.000Z (9 months ago)
Default Branch: main
Last Pushed: 2025-02-24T23:39:40.000Z (8 months ago)
Last Synced: 2025-03-26T03:42:45.514Z (7 months ago)
Topics: appwrite, appwrite-database, dwolla, fullstack-javascript, nextjs, plaid, react, react-native, sentry, sentry-client, typescript
Language: TypeScript
Homepage: https://banking-app-mu-pink.vercel.app
Size: 3.23 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🏦 Banking App
# See the demo here: https://banking-app-mu-pink.vercel.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.

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: