KriptoDash

KriptoDash, React ile geliştirilmiş responsive bir kripto portföy dashboard uygulamasıdır. Uygulama; kripto para verilerini görsel olarak sunmak, portföy durumunu takip etmek ve kullanıcıya modern bir dashboard deneyimi sağlamak amacıyla hazırlanmıştır.

Özellikler

• Responsive arayüz tasarımı
• Açık/koyu tema modu
• Kripto portföy dashboard yapısı
• Grafiklerle veri görselleştirme
• Bootstrap grid sistemi
• SCSS ile düzenlenmiş stil yapısı
• Animasyonlar ve geçiş efektleri
• Modern kart tabanlı kullanıcı arayüzü
• SEO uyumlu temel meta etiketleri
• Cross-browser uyumlu yapı

Kullanılan Teknolojiler

• React
• JavaScript
• HTML5
• CSS3
• SCSS / Sass
• Bootstrap
• Chart.js

Kurulum

Projeyi kendi bilgisayarınızda çalıştırmak için repoyu klonlayın:

git clone https://github.com/kullanici-adi/repo-adi.git

Proje klasörüne girin:

cd repo-adi

Gerekli paketleri yükleyin:

npm install

Projeyi geliştirme ortamında başlatın:

npm start

Uygulama varsayılan olarak şu adreste çalışır:

http://localhost:3000

Build Alma

Projeyi production ortamı için derlemek isterseniz:

npm run build

Bu komut, optimize edilmiş çıktıları build/ klasörü içerisine oluşturur.

Proje Yapısı

src/
├── components/
├── assets/
├── App.js
├── index.js
└── style.scss

Tema Modu

Projede açık ve koyu tema desteği bulunmaktadır. Kullanıcı arayüz üzerinden tema değişimi yapabilir. Bu özellik, kullanıcı deneyimini artırmak ve farklı kullanım tercihlerine uyum sağlamak amacıyla eklenmiştir.

Responsive Tasarım

KriptoDash farklı ekran boyutlarına uyum sağlayacak şekilde geliştirilmiştir. Masaüstü, tablet ve mobil ekranlarda kullanılabilir bir arayüz sunar.

Grafik Kullanımı

Projede kripto para ve portföy verilerinin daha anlaşılır gösterilebilmesi için grafik yapıları kullanılmıştır. Grafikler sayesinde kullanıcılar verileri görsel olarak daha kolay analiz edebilir.

Performans ve SEO

Proje hazırlanırken performans, erişilebilirlik ve SEO kriterleri dikkate alınmıştır. Temel meta etiketleri yapılandırılmış, arayüz performanslı ve sade bir yapıda geliştirilmiştir.

Tarayıcı Uyumluluğu

Proje modern tarayıcılarda çalışacak şekilde test edilmiştir.

Test edilen tarayıcılar:

• Google Chrome
• Mozilla Firefox
• Microsoft Edge
• Brave
• Opera

Ekran Görüntüleri

Proje arayüzüne ait ekran görüntüleri repo içerisinde yer alan görsel dosyalarından incelenebilir.

Geliştirici Notu

Bu proje eğitim amacıyla geliştirilmiş bir frontend uygulamasıdır. Gerçek finansal işlem veya canlı kripto para alım-satım sistemi değildir.

Lisans

Bu proje eğitim amaçlı hazırlanmıştır.