Bankimo

Bankimo is a modern banking dashboard built with Next.js that lets users sign in or sign up, connect their bank accounts through Plaid, view balances and transactions, and initiate transfers using Dwolla.

Features

• Secure authentication flow with Appwrite
• Bank account linking and account management via Plaid
• Transaction history and balance overview
• Transfer funds between linked accounts
• Responsive UI built with Tailwind CSS and shadcn/ui
• Component testing with Vitest and Testing Library

Tech Stack

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS
• shadcn/ui
• Appwrite
• Plaid
• Dwolla
• Sentry

Getting Started

1. Install dependencies:

   npm install

2. Create a .env.local file in the project root and add the required environment variables:

   NEXT_PUBLIC_APPWRITE_ENDPOINT=
   NEXT_PUBLIC_APPWRITE_PROJECT=
   NEXT_APPWRITE_KEY=
   APPWRITE_DATABASE_ID=
   APPWRITE_USER_COLLECTION_ID=
   APPWRITE_BANK_COLLECTION_ID=
   PLAID_CLIENT_ID=
   PLAID_SECRET=
   DWOLLA_ENV=sandbox
   DWOLLA_KEY=
   DWOLLA_SECRET=
   NEXT_PUBLIC_SENTRY_DSN=

3. Start the development server:

   npm run dev

4. Open http://localhost:3000 to view the app.

Available Scripts

• npm run dev — start the local development server
• npm run build — create a production build
• npm run start — start the production build
• npm run test — run Vitest tests
• npm run test:coverage — run tests with coverage reporting

Project Structure

• app/ — app routes and pages
• components/ — reusable UI and feature components
• lib/ — server actions, API clients, and utilities
• constants/ — shared app constants
• public/ — static assets

Testing

Run the test suite with:

npm run test