2026-09-10 08:07:20 +00:00
|
|
|
|
# Canlı Döviz Kurları
|
2026-09-10 08:07:15 +00:00
|
|
|
|
|
2026-09-10 08:07:20 +00:00
|
|
|
|
Dolar, Euro, Sterlin ve Gram Altın kurlarını anlık olarak gösteren modern web uygulaması.
|
|
|
|
|
|
|
|
|
|
|
|
## Özellikler
|
|
|
|
|
|
|
|
|
|
|
|
- 💵 Amerikan Doları (USD)
|
|
|
|
|
|
- 💶 Euro (EUR)
|
|
|
|
|
|
- 💷 İngiliz Sterlini (GBP)
|
|
|
|
|
|
- 🪙 Gram Altın (XAU)
|
|
|
|
|
|
- Gerçek zamanlı kur güncellemeleri (3 saniyede bir)
|
|
|
|
|
|
- Neon yeşil vurgulu dark mode tasarım
|
|
|
|
|
|
- Responsive arayüz (mobil uyumlu)
|
|
|
|
|
|
- Yükseliş/düşüş göstergeleri
|
|
|
|
|
|
|
|
|
|
|
|
## Kurulum
|
|
|
|
|
|
|
|
|
|
|
|
1. Bağımlılıkları yükle:
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm install
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
2. Sunucuyu başlat:
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm start
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
3. Tarayıcıda aç:
|
|
|
|
|
|
```
|
|
|
|
|
|
http://localhost:3000
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## Proje Yapısı
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
canli-doviz/
|
|
|
|
|
|
├── package.json # Proje yapılandırması
|
|
|
|
|
|
├── server.js # Express sunucu
|
|
|
|
|
|
├── routes/
|
|
|
|
|
|
│ └── api.js # API rotaları
|
|
|
|
|
|
├── public/
|
|
|
|
|
|
│ ├── index.html # Ana sayfa
|
|
|
|
|
|
│ ├── css/
|
|
|
|
|
|
│ │ └── style.css # Stil dosyası
|
|
|
|
|
|
│ └── js/
|
|
|
|
|
|
│ └── app.js # İstemci tarafı JavaScript
|
|
|
|
|
|
└── README.md # Bu dosya
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## API Endpoints
|
|
|
|
|
|
|
|
|
|
|
|
- `GET /api/dovizler` - Tüm döviz kurlarını listele
|
|
|
|
|
|
- `GET /api/dovizler/:id` - Tek döviz kuru bilgisi
|
|
|
|
|
|
|
|
|
|
|
|
## Teknolojiler
|
|
|
|
|
|
|
|
|
|
|
|
- **Backend:** Node.js, Express.js
|
|
|
|
|
|
- **Frontend:** Vanilla JavaScript, CSS3
|
|
|
|
|
|
- **Veri:** Simüle edilmiş döviz kurları (gerçek zamanlı dalgalanma)
|
|
|
|
|
|
|
|
|
|
|
|
## Ekran Görüntüsü
|
|
|
|
|
|
|
|
|
|
|
|
- Neon yeşil (#00ff88) vurgular
|
|
|
|
|
|
- Dark mode gradient arka plan
|
|
|
|
|
|
- Hover efektleri ile interaktif kartlar
|
|
|
|
|
|
- Yükseliş (yeşil ▲) ve düşüş (kırmızı ▼) göstergeleri
|
|
|
|
|
|
|
|
|
|
|
|
## Geliştirici
|
|
|
|
|
|
|
|
|
|
|
|
Numex AI - Türkiye'nin Yerli Yapay Zeka Asistanı
|