Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/deikairru/bankirru
Seamless, Secured, and Responsive financial SaaS platform that connects to multiple bank accounts, displays transactions in real-time, allows users to transfer money to other platform users, and manages their finances altogether.
https://github.com/deikairru/bankirru
appwrite banking chartjs dwolla-api nextjs14 plaid-api reacthookform responsive-design saas-application shadcn-ui tailwindcss typescript zod-validation
Last synced: 2 days ago
JSON representation
Seamless, Secured, and Responsive financial SaaS platform that connects to multiple bank accounts, displays transactions in real-time, allows users to transfer money to other platform users, and manages their finances altogether.
- Host: GitHub
- URL: https://github.com/deikairru/bankirru
- Owner: deikairru
- License: mit
- Created: 2024-07-25T09:10:44.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-18T13:08:51.000Z (10 days ago)
- Last Synced: 2024-09-21T11:02:24.369Z (7 days ago)
- Topics: appwrite, banking, chartjs, dwolla-api, nextjs14, plaid-api, reacthookform, responsive-design, saas-application, shadcn-ui, tailwindcss, typescript, zod-validation
- Language: TypeScript
- Homepage: https://bankirru.vercel.app
- Size: 1.73 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A Fintech Bank Application
Bankirru is a comprehensive digital platform designed to provide users with a seamless and secure banking experience. It enables users to manage their finances, perform transactions, and access various banking services from the convenience of their devices.
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. 🖼️ [Preview Page](#preview)
3. ⚙️ [Tech Stack](#tech-stack)
4. 🔋 [Features](#features)
5. 🤸 [Quick Start](#quick-start)
6. 📌 [Demo Account](#demo)
7. 🚀 [More](#more)Built with Next.js, Bankirru is a financial SaaS platform that connects to multiple bank accounts, displays transactions in real-time, allows users to transfer money to other platform users, and manages their finances altogether. By developing this project, i gained hands-on experience in crafting secure, seamless, and responsive SaaS bank platform using
If you're cloned this project and need assistance or face any bugs, please contacted me.
- Next.js
- TypeScript
- TailwindCSS
- Appwrite
- Sentry
- Zod
- Chart.js
- ShadCN
- React Hook Form
- Plaid
- Dwolla## 🔋 Features
👉 **Authentication**: An ultra-secure SSR authentication with proper validations and authorization
👉 **Connect Banks**: Integrates with Plaid for multiple bank account linking
👉 **Home Page**: Shows general overview of user account with total balance from all connected banks, recent transactions, money spent on different categories, etc
👉 **My Banks**: Check the complete list of all connected banks with respective balances, account details
👉 **Transaction History**: Includes pagination and filtering options for viewing transaction history of different banks
👉 **Real-time Updates**: Reflects changes across all relevant pages upon connecting new bank accounts.
👉 **Funds Transfer**: Allows users to transfer funds using Dwolla to other accounts with required fields and recipient bank ID.
👉 **Responsiveness**: Ensures the application adapts seamlessly to various screen sizes and devices, providing a consistent user experience across desktop, tablet, and mobile platforms.
and many more, including code architecture and reusability.
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)**Cloning the Repository**
```bash
git clone [email protected]:deikairru/bankirru.git
cd bankirru
```**Installation**
Install the project dependencies using npm:
```bash
npm install
```**Set Up Environment Variables**
Create a new file named `.env` in the root of your project and add the following content:
```env
#NEXT
NEXT_PUBLIC_SITE_URL=#APPWRITE
NEXT_PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
NEXT_PUBLIC_APPWRITE_PROJECT=
APPWRITE_DATABASE_ID=
APPWRITE_USER_COLLECTION_ID=
APPWRITE_BANK_COLLECTION_ID=
APPWRITE_TRANSACTION_COLLECTION_ID=
APPWRITE_SECRET=#PLAID
PLAID_CLIENT_ID=
PLAID_SECRET=
PLAID_ENV=
PLAID_PRODUCTS=
PLAID_COUNTRY_CODES=#DWOLLA
DWOLLA_KEY=
DWOLLA_SECRET=
DWOLLA_BASE_URL=https://api-sandbox.dwolla.com
DWOLLA_ENV=sandbox
```Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the [Appwrite](https://appwrite.io/?utm_source=youtube&utm_content=reactnative&ref=JSmastery), [Plaid](https://plaid.com/) and [Dwolla](https://www.dwolla.com/)
**For the purpose of testing you can use this Demo Account**
### Login Account (Free Demo)
- **Username**
```
[email protected]
```
- **Password**
```
demo1234
```### Bank Account (use whenever you want to add new bank account/card)
- **Username**
```
user_good
```
- **Password**
```
pass_good
```### Creating New Account
**When creating new account, make sure the city name are valid.**
- example: New York
```
NY
```## 🚀 More
**Find more project**
Enjoyed looking at this project? Dive deeper into my portfolio to seek more project like this.
**Best Regards, Deikairru**
#