Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohitchandel/bankaccount-dashboard-supabase
A simple, demo web application built using Next.js, styled with Tailwind CSS, and integrated with Supabase as the backend for database management.
https://github.com/mohitchandel/bankaccount-dashboard-supabase
nextjs supabase tailwindcss typescript
Last synced: about 2 months ago
JSON representation
A simple, demo web application built using Next.js, styled with Tailwind CSS, and integrated with Supabase as the backend for database management.
- Host: GitHub
- URL: https://github.com/mohitchandel/bankaccount-dashboard-supabase
- Owner: mohitchandel
- Created: 2024-12-26T12:44:54.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-26T14:53:52.000Z (about 2 months ago)
- Last Synced: 2024-12-26T15:31:43.466Z (about 2 months ago)
- Topics: nextjs, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://bankaccount-dashboard-supabase.netlify.app/
- Size: 78.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bank Account Dashboard
A Next.js application for managing and viewing bank accounts and transactions. Built with Next.js, Supabase, and Tailwind CSS.
## Features
- View all linked bank accounts and balances
- Track transaction history
- Filter transactions by:
- Search terms
- Activity type
- Date range
- Transaction type (credited/debited)
- Real-time balance updates
- Responsive design
## Tech Stack
- Next.js
- Supabase
- TypeScript
- Tailwind CSS
## Getting Started
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
3. Set up environment variables:
```bash
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
```
4. Run the development server:
```bash
npm run dev
```
## Database Schema
### Bank Accounts Table
- id: string (primary key)
- bank: string
- account_number: string
- balance: string
- card: string
- account_holder: string
### Transactions Table
- id: string (primary key)
- bank_id: string (foreign key)
- transaction_name: string
- transaction_type: string
- transaction_amount: string
- transaction_date: string
- description: string