Money Guard, kişisel harcamalarınızı kolayca takip etmeniz, gelir ve giderlerinizi analiz etmeniz ve finansal hedeflerinize ulaşmanız için tasarlanmış modern ve sezgisel bir web uygulamasıdır. Paranızı yönetmek hiç bu kadar kolay ve şık olmamıştı!
- 💸 Gelir ve Gider Takibi: Tüm para hareketlerinizi tek bir yerden kaydedin ve yönetin.
- 📊 Etkileşimli İstatistikler: Harcamalarınızı renkli grafikler ve detaylı tablolarla analiz edin. Hangi kategoriye ne kadar harcadığınızı anında görün.
- 📅 Tarihe Göre Filtreleme: Belirli bir ay ve yıla ait işlem özetinizi kolayca görüntüleyin.
- 🔄 Anlık Bakiye: Toplam bakiyeniz her işlemde anında güncellenir.
- 💵 Döviz Kurları: Monobank API'si ile entegre, güncel döviz kurlarını takip edin (USD, EUR).
- 🔐 Güvenli Kimlik Doğrulama: Kişisel finansal verileriniz güvende. Kayıt olun, giriş yapın ve güvenle kullanın.
- 📱 Tamamen Duyarlı (Responsive) Tasarım: İster masaüstü, ister tablet, ister mobil cihazınızdan kusursuz bir deneyim yaşayın.
- 🎨 Modern ve Kullanıcı Dostu Arayüz: Finansal yönetimi sıkıcı bir görevden keyifli bir alışkanlığa dönüştüren şık tasarım.
Bu proje, en modern web teknolojileri kullanılarak geliştirilmiştir:
- Frontend: React
- State Management: Redux Toolkit
- Routing: React Router
- Stil: CSS Modules, Clsx
- Form Yönetimi: React Hook Form
- Veri Görselleştirme: Recharts
- API İstekleri: Axios
- Build Aracı: Vite
- Linting: ESLint
Projeyi kendi bilgisayarınızda denemek için aşağıdaki adımları izleyin:
-
Projeyi klonlayın:
git clone https://github.com/your-username/money-transaction-teamhw-group-c-main.git
-
Proje dizinine gidin:
cd money-transaction-teamhw-group-c-main -
Gerekli paketleri yükleyin:
npm install
-
Geliştirme sunucusunu başlatın:
npm run dev
-
Tarayıcınızda
http://localhost:5173(veya terminalde belirtilen adresi) açın.
Bu proje, harika bir ekip çalışmasının ürünüdür:
Grup C
Finansal durumunuzu kontrol altına almaya hazır mısınız? Money Guard ile başlayın!