Skip to content

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

💰 FinTrack — Shaxsiy Moliyaviy Boshqaruv Web Ilovasi

Zamonaviy, qulay va xavfsiz shaxsiy moliya boshqaruvi platformasi.

Next.js TypeScript TailwindCSS Supabase License


🌟 Asosiy Imkoniyatlar

  • 📊 Dashboard Analitika: Umumiy balans, oylik kirim/chiqim, sof tejash va so'nggi tranzaksiyalar ko'rinishi.
  • 📈 Interaktiv Grafiklar: Recharts orqali 6 oylik kirim/chiqim dinamikasi va xarajatlar toifasi diagrammasi (Pie/Donut chart).
  • 💳 Hisoblar Boshqaruvi: Naqd pul, Uzcard/Humo kartalari va Bank hisoblarini alohida rang va balans bilan yuritish.
  • 💸 Tranzaksiyalar CRUD: Kirim, Chiqim va Hisoblararo o'tkazmalar (Transfer), saralash, qidiruv va CSV export.
  • 📋 Oylik Byudjet Limitlari: Kategoriyalar bo'yicha sarf limitlari, real vaqtda sarf tahlili va rangli ogohlantirishlar (Yashil, Sariq 80%, Qizil 100%+).
  • 🎯 Jamg'arma Maqsadlari: Maqsadli summalar, muddatlar, progress tracking va maqsadga mablag' qo'shish dialogi.
  • 💳 Qarzlar Moduli: Berilgan va Olingan qarzlar, qaytarish muddatlari, yaqinlashgan/muddati o'tgan qarzlar uchun maxsus vizual belgilar.
  • 🔐 Xavfsiz Autentifikatsiya: Supabase Auth orqali Email/parol va Google OAuth orqali 1-klikda kirish.
  • 🛡 Row Level Security (RLS): Ma'lumotlar bazasi darajasida har bir foydalanuvchi ma'lumotlari to'liq himoyalangan.
  • 🎨 Moslashtirilgan UI: Maxsus summa formatlagich (1 000 000 so'm), maxsus Select menyulari va maxsus Kalendar (Date Picker).

🛠 Texnologiyalar Steki

Qatlam Texnologiya
Frontend Framework Next.js (App Router, Turbopack)
Dasturlash tili TypeScript
Dizayn & Styling Tailwind CSS
Ikonkalar Lucide React
Grafiklar Recharts
Backend & Database Supabase (PostgreSQL + RLS + Auth)
Bildirishnomalar Sonner
Sanalar date-fns

🚀 Ishga Tushirish

1. Repositoryni klonlash:

git clone https://github.com/Nomonjon0124/Finance-Tracker.git
cd Finance-Tracker

2. Bog'liqliklarni o'rnatish:

npm install

3. Muhit o'zgaruvchilari (.env.local):

Loyihaning ildiz papkasida .env.local faylini yarating va Supabase kalitlaringizni kiriting:

NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key

4. Ma'lumotlar bazasi sxemasi:

supabase/schema.sql fayli ichidagi barcha SQL kodlarni Supabase loyihangizning SQL Editor bo'limida ishga tushiring.

5. Dasturni ishga tushirish:

npm run dev

Brauzerda oching: http://localhost:3000


📄 Litsenziya

MIT License.

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages