https://github.com/raka-coder/next-finance-record
FinanceRecord, Simple CRUD within Supabase Auth
https://github.com/raka-coder/next-finance-record
nextjs15 shadcnui supabase-auth
Last synced: 21 days ago
JSON representation
FinanceRecord, Simple CRUD within Supabase Auth
- Host: GitHub
- URL: https://github.com/raka-coder/next-finance-record
- Owner: Raka-coder
- Created: 2025-08-14T04:27:00.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-08-31T07:23:27.000Z (about 1 month ago)
- Last Synced: 2025-08-31T08:27:11.840Z (about 1 month ago)
- Topics: nextjs15, shadcnui, supabase-auth
- Language: TypeScript
- Homepage:
- Size: 320 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FinanceRecord - Aplikasi Manajemen Keuangan
**FinanceRecord** adalah platform manajemen keuangan modern yang membantu Anda melacak pemasukan, pengeluaran, dan mencapai tujuan finansial dengan visualisasi data yang menarik dan keamanan tingkat lanjut.
## ✨ Fitur Utama
- **Manajemen Transaksi**: Catat pemasukan dan pengeluaran dengan mudah, lengkap dengan kategori.
- **Dashboard Interaktif**: Visualisasikan kondisi keuangan Anda melalui grafik dan bagan yang informatif.
- **Analisis Kategori**: Lihat distribusi pemasukan dan pengeluaran berdasarkan kategori teratas.
- **Keamanan Terjamin**: Dibangun di atas Supabase dengan *Row Level Security* untuk memastikan data Anda hanya dapat diakses oleh Anda.
- **Akses Multi-Platform**: Desain responsif memastikan pengalaman pengguna yang optimal di web, mobile, dan desktop.
- **Mode Terang & Gelap**: Tampilan yang nyaman di mata, kapan pun Anda menggunakannya.
## 🛠️ Teknologi yang Digunakan
- **Framework**: [Next.js](https://nextjs.org/)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **UI Components**: [shadcn/ui](https://ui.shadcn.com/)
- **Backend & Database**: [Supabase](https://supabase.io/)
- **Visualisasi Data**: [Highcharts](https://www.highcharts.com/)
- **Animasi**: [Framer Motion](https://www.framer.com/motion/)
## 🚀 Memulai Proyek
Ikuti langkah-langkah di bawah ini untuk menjalankan proyek ini di lingkungan lokal Anda.
### Prasyarat
- [Node.js](https://nodejs.org/) (v18 atau lebih baru)
- Akun [Supabase](https://supabase.com/)
### 1. Konfigurasi Supabase
1. Buat proyek baru di Supabase.
2. Di dalam SQL Editor, jalankan skrip berikut untuk membuat tabel `transactions`:
```sql
CREATE TABLE transactions (
id BIGINT PRIMARY KEY GENERATED ALWAYS AS IDENTITY,
user_id UUID REFERENCES auth.users(id) NOT NULL,
date TIMESTAMPTZ NOT NULL,
description TEXT NOT NULL,
amount NUMERIC NOT NULL,
type TEXT NOT NULL, -- 'income' or 'expense'
category TEXT NOT NULL,
created_at TIMESTAMPTZ DEFAULT NOW()
);
-- Aktifkan Row Level Security (RLS)
ALTER TABLE transactions ENABLE ROW LEVEL SECURITY;
-- Buat policy agar user hanya bisa melihat dan mengubah datanya sendiri
CREATE POLICY "Enable access for authenticated users only"
ON transactions
FOR ALL
TO authenticated
USING (auth.uid() = user_id);
```
### 2. Instalasi Lokal
1. **Clone repository ini:**
```bash
git clone https://github.com/username/project-next-docker.git
cd project-next-docker
```
2. **Buat file environment:**
Buat file `.env.local` di root proyek dan isi dengan kredensial dari proyek Supabase Anda.
```env
NEXT_PUBLIC_SUPABASE_URL=https://.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=
```
3. **Install dependencies:**
```bash
npm install
```
4. **Jalankan server development:**
```bash
npm run dev
```
Aplikasi akan berjalan di http://localhost:3000.
## 📄 Lisensi
Proyek ini dilisensikan di bawah Lisensi MIT. Lihat file `LICENSE` untuk detail lebih lanjut.
---
Dibuat dengan ❤️ untuk manajemen keuangan yang lebih baik.