https://github.com/efe-eroglu/financial-dashboard-frontend
The frontend side of the app that allows users to follow cryptocurrency markets in real time, create personal watchlists and manage price and news feeds.
https://github.com/efe-eroglu/financial-dashboard-frontend
cryptocurrency reactjs websocket
Last synced: about 1 year ago
JSON representation
The frontend side of the app that allows users to follow cryptocurrency markets in real time, create personal watchlists and manage price and news feeds.
- Host: GitHub
- URL: https://github.com/efe-eroglu/financial-dashboard-frontend
- Owner: Efe-Eroglu
- License: mit
- Created: 2024-11-21T12:33:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T21:38:11.000Z (over 1 year ago)
- Last Synced: 2025-02-01T03:45:32.604Z (over 1 year ago)
- Topics: cryptocurrency, reactjs, websocket
- Language: JavaScript
- Homepage:
- Size: 629 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
PulseFin || Financial Dashboard
## Proje Amacı
* Bu proje, kullanıcıların kripto para piyasalarındaki güncel fiyat değişimlerini, işlem hacimlerini ve piyasa trendlerini görselleştirmelerine olanak tanıyan bir Financial Dashboard uygulamasının frontend kısmıdır. Ayrıca, piyasaya dair önemli haberleri kullanıcı dostu bir arayüzle sunarak bilgilendirme sağlar.
## Proje Hedefleri
1) Kişiselleştirilmiş Takip: Kullanıcıların izleme listesine kendi belirledikleri kripto paraları ekleyebilmesi.
2) Gerçek Zamanlı Veri: İzleme listesindeki kripto paraların fiyatlarını, günlük değişimlerini ve işlem hacimlerini WebSocket ile gerçek zamanlı olarak sunmak.
3) Bilgilendirme: Kripto paralara dair önemli haberleri modern ve erişilebilir bir arayüzle kullanıcılara sunmak.
4) Gelecekteki Genişletme: Kullanıcıların cüzdanlarını bağlayarak gelir-gider dengesini ve yatırım performanslarını analiz edebilecekleri bir yapı oluşturmak.
## Projenin Özellikleri
**1. Heatmap Görselleştirmesi**
- İzleme listesine eklenen kripto paraların fiyat ve hacim verileri renk kodlu bir heatmap üzerinde görselleştirilir.
- Heatmap, kullanıcıya yatırım portföyündeki varlıkların performansını hızlı ve görsel bir şekilde analiz etme imkânı sunar.
- Her hücrede şu bilgiler gösterilir:
`Kripto para adı (ör. BTC-USDT)`
`Son fiyat`
`Günlük hacim`
`Günlük değişim yüzdesi`
**2. Haber Listesi**
- Kripto paralarla ilgili güncel ve önemli haberleri kullanıcıya sunar.
- Haber başlıklarına tıklanarak detaylı bilgiye ulaşılabilir.
- Kullanıcılar, izledikleri varlıklarla ilgili gelişmeleri takip ederek daha bilinçli kararlar alabilir.
**3. İzleme Listesi Yönetimi**
- Kullanıcılar, kendi belirledikleri kripto paraları izleme listesine ekleyebilir veya çıkarabilir.
- İzleme listesindeki varlıkların fiyatları ve değişimleri gerçek zamanlı olarak güncellenir.
**4. Cüzdan Entegrasyonu (Gelecekte Eklenecek)**
- Kullanıcılar, kripto para cüzdanlarını uygulamaya bağlayarak gelir-gider dengesini ve yatırım performanslarını görebilecekler.
- Bu özellik, kullanıcının tüm finansal durumunu tek bir ekranda yönetmesine olanak tanıyacak.
## Kulanım Kılavuzu
### **Projeyi Çalıştırma**
1. **Bağımlılıkları Yükleme :**
```bash
npm install
```
2. **Çevresel Değişkenleri Ayarlama :**
```bash
REACT_APP_API_BASE_URL= YOUR_BASE_URL
REACT_APP_API_TIMEOUT=10000
```
3. **Uygulamayı Başlatma**
```bash
npm start
```
4. **Backend Bağımlılığı**
* Bu frontend uygulaması, kripto para fiyatlarını ve haberleri sağlamak için bir backend uygulamasına ihtiyaç duyar. Backend projesinin kaynak koduna ve kurulum talimatlarına aşağıdaki bağlantıdan ulaşabilirsiniz:
* [Backend GitHub Deposu](https://github.com/Efe-Eroglu/financial-dashboard-backend.git)
## Katkıda Bulunma
* Projede bir hata bulursanız veya bir geliştirme için pull request açabilirsizin.