Maglo — Finance Dashboard
React finans dashboard UI: Google auth simülasyonu, çalışma sermayesi grafiği, işlem geçmişi, cüzdan kartları ve planlı transferler.
Genel Bakış
Maglo, React, Vite, TailwindCSS, React Router ve Recharts ile geliştirilmiş bir frontend finans dashboard'udur. Email/şifre doğrulama ve Google giriş simülasyonunu içeren split-layout giriş ve kayıt akışı, localStorage tabanlı kimlik doğrulama ve korumalı rotalar sunar. Dashboard; toplam bakiye, harcama ve birikim istatistiklerini, çalışma sermayesi çizgi grafiğini, son işlemler tablosunu, sanal cüzdan kartlarını ve planlı transferler kenar çubuğunu içerir.
Mimari
React ve Vite ile geliştirilmiş tamamen frontend bir uygulamadır. React Router navigasyonu ve rota korumasını yönetir. TailwindCSS stil sistemini sağlar. Recharts çalışma sermayesi grafiğini render eder. Kimlik doğrulama durumu, bir auth context ile localStorage üzerinden simüle edilir. Tüm veriler statik dummy data'dır; backend veya API bağlantısı yoktur.
Özellikler
- Split-layout Giriş ve Kayıt sayfaları
- Regex ile email/şifre doğrulama
- Google giriş simülasyonu
- localStorage auth ve korumalı rotalar
- Bakiye, harcama ve birikim istatistik kartları
- Çalışma sermayesi çizgi grafiği (Recharts)
- Son işlemler tablosu
- Sanal cüzdan kartları görünümü
- Planlı transferler kenar çubuğu
Teknolojiler
Diğer projeler
Tüm projeleri gör