Skip to content

Commit 9da32aa

Browse files
kalayciburakkalayciburak
committed
Remove flag-icons dependency, refactor LanguageSelector component to use a toggle switch for language selection, and enhance styling for improved user experience. Update README files for clarity and consistency.
1 parent 602f8eb commit 9da32aa

19 files changed

Lines changed: 870 additions & 289 deletions

File tree

‎README-TR.md‎

Lines changed: 135 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,164 +1,224 @@
11
# Coolify Dashboard
22

3-
Coolify uygulamaları, servisleri ve veritabanlarını yönetmek için modern bir dashboard.
4-
Çok dilli destek (İngilizce/Türkçe) içerir.
3+
Coolify uygulamaları, servisleri ve veritabanlarını izlemek için modern, production-ready bir dashboard. Kapsamlı çok dilli destek içerir.
54

6-
---
7-
8-
## 🚀 Hızlı Başlangıç
5+
## Hızlı Başlangıç
96

10-
### Docker Kullanarak
7+
### Docker ile Dağıtım
118

129
```bash
13-
# En son imajı çek ve çalıştır
1410
docker pull torukobyte/coolify-dashboard:latest
1511

1612
docker run -d -p 5000:5000 \
1713
--name coolify-dashboard \
1814
-e "ADMIN_USERNAME=admin" \
19-
-e "ADMIN_PASSWORD=sifreniz" \
20-
-e "JWT_SECRET=jwt_secret_iniz" \
21-
-e "ALLOWED_ORIGINS=http://localhost:5000" \
22-
-e "COOLIFY_BASE_URL=https://coolify-instance-iniz.com" \
23-
-e "COOLIFY_TOKEN=coolify_token_iniz" \
15+
-e "ADMIN_PASSWORD=guvenli_sifreniz" \
16+
-e "JWT_SECRET=jwt_secret_anahtariniz" \
17+
-e "ALLOWED_ORIGINS=https://dashboard.kalayciburak.com.tr" \
18+
-e "COOLIFY_BASE_URL=https://coolify.kalayciburak.com.tr" \
19+
-e "COOLIFY_TOKEN=coolify_api_token_iniz" \
2420
torukobyte/coolify-dashboard:latest
2521
```
2622

27-
Dashboard’a `http://localhost:5000` adresinden erişin.
23+
Dashboard'a `http://localhost:5000` adresinden erişin.
2824

2925
---
3026

31-
## 🖥️ Ekran Görüntüleri
27+
## Coolify Üzerinde Kurulum
28+
29+
### Adım 1: Yeni Uygulama Oluşturun
30+
31+
Coolify instance'ınıza gidin ve yeni bir uygulama oluşturun:
32+
33+
- Coolify dashboard'unda **"Add New"** butonuna tıklayın
34+
- Dağıtım türü olarak **"Docker Image"** seçin
35+
- İmaj adı: `torukobyte/coolify-dashboard:latest`
36+
37+
### Adım 2: Genel Yapılandırma
38+
39+
Temel ayarları yapılandırın:
40+
41+
- **Domain**: `dashboard.kalayciburak.com.tr`
42+
- **Port**: `5000`
43+
- Gerektiğinde network ve storage ayarlarını yapılandırın
44+
45+
### Adım 3: Ortam Değişkenleri
46+
47+
Aşağıdaki zorunlu ortam değişkenlerini ayarlayın:
48+
49+
```env
50+
ADMIN_USERNAME=admin
51+
ADMIN_PASSWORD=guvenli_sifreniz
52+
JWT_SECRET=jwt_secret_anahtariniz
53+
ALLOWED_ORIGINS=https://dashboard.kalayciburak.com.tr
54+
COOLIFY_BASE_URL=https://coolify.kalayciburak.com.tr
55+
COOLIFY_TOKEN=coolify_api_token_iniz
56+
```
57+
58+
### Adım 4: Coolify API Token Oluşturun
59+
60+
**Önemli**: Dağıtıma başlamadan önce, uygun izinlere sahip Coolify API token'ı oluşturun:
61+
62+
1. Coolify instance ayarlarınıza gidin
63+
2. **API Tokens** bölümüne tıklayın
64+
3. **"Create New Token"** butonuna tıklayın
65+
4. Aşağıdaki izinleri seçin:
66+
- **read**: Tüm okuma izinlerini aktifleştirin
67+
- **read:sensitive**: Hassas veri okuma erişimini aktifleştirin
68+
5. Oluşturulan token'ı kopyalayın ve `COOLIFY_TOKEN` olarak kullanın
3269

33-
### 1️⃣ Giriş Ekranı
70+
**Not**: `read:sensitive` izni, ortam değişkenleri ve hassas yapılandırma verileri dahil olmak üzere detaylı kaynak bilgilerine erişim için gereklidir.
71+
72+
### Adım 5: Dağıtım
73+
74+
- Yapılandırmayı kaydedin
75+
- Uygulamayı başlatmak için **"Deploy"** butonuna tıklayın
76+
- Dashboard, yapılandırdığınız domain üzerinden erişilebilir olacaktır
77+
78+
---
79+
80+
## Ekran Görüntüleri
81+
82+
### Giriş Ekranı
3483

3584
![Giriş Ekranı](./docs/screenshots/tr/1.png)
36-
_Modern mor degrade arka plan üzerine sade giriş formu._
3785

38-
### 2️⃣ Uygulamalar Genel Görünüm
86+
### Uygulamalar Genel Görünüm
3987

4088
![Uygulamalar Genel Görünüm](./docs/screenshots/tr/2.png)
41-
_Tüm dağıtılmış uygulamaların durumu, oluşturulma ve güncellenme zamanları._
4289

43-
### 3️⃣ Uygulama Detayları
90+
### Uygulama Detayları
4491

4592
![Uygulama Detayları](./docs/screenshots/tr/3.png)
46-
_Git repository, port bilgileri ve çalışma durumu dahil detaylı görünüm._
4793

48-
### 4️⃣ Servis Detayları
94+
### Servis Detayları
4995

5096
![Servis Detayları](./docs/screenshots/tr/4.png)
51-
_Bir servisin Docker imajı, bileşenleri ve çalışma durumu._
5297

53-
### 5️⃣ Veritabanı Detayları
98+
### Veritabanı Yapılandırması
5499

55100
![Veritabanı Detayları](./docs/screenshots/tr/5.png)
56-
_Veritabanı bağlantısı, SSL durumu ve yedekleme bilgileri._
57101

58-
### 6️⃣ Çok Dilli Destek
102+
### Çok Dilli Destek
59103

60104
![Çok Dilli Destek](./docs/screenshots/tr/6.png)
61-
_İngilizce ve Türkçe arasında tek tıkla sorunsuz geçiş._
62105

63106
---
64107

65-
## ⚙️ Ortam Değişkenleri
108+
## Ortam Değişkenleri
109+
110+
| Değişken | Açıklama | Örnek | Gerekli |
111+
| ------------------ | --------------------------------------------------------- | --------------------------------------- | ------- |
112+
| `ADMIN_USERNAME` | Dashboard yönetici kullanıcı adı | `admin` | Evet |
113+
| `ADMIN_PASSWORD` | Dashboard yönetici şifresi | `guvenli_sifre` | Evet |
114+
| `JWT_SECRET` | JWT token üretimi için gizli anahtar | `rastgele_gizli_anahtar` | Evet |
115+
| `ALLOWED_ORIGINS` | CORS izin verilen kaynaklar (virgülle ayrılmış) | `https://dashboard.kalayciburak.com.tr` | Evet |
116+
| `COOLIFY_BASE_URL` | Coolify instance temel URL'i | `https://coolify.kalayciburak.com.tr` | Evet |
117+
| `COOLIFY_TOKEN` | read + read:sensitive yetkisine sahip Coolify API token'ı | `api_token_iniz` | Evet |
118+
119+
---
120+
121+
## Motivasyon
66122

67-
| Değişken | Açıklama | Gerekli |
68-
| ------------------ | -------------------------------- | ------- |
69-
| `ADMIN_USERNAME` | Dashboard admin kullanıcı adı | Evet |
70-
| `ADMIN_PASSWORD` | Dashboard admin şifresi | Evet |
71-
| `JWT_SECRET` | Kimlik doğrulama için JWT secret | Evet |
72-
| `ALLOWED_ORIGINS` | CORS izin verilen kaynaklar | Evet |
73-
| `COOLIFY_BASE_URL` | Coolify instance URL’niz | Evet |
74-
| `COOLIFY_TOKEN` | Coolify API token’ınız | Evet |
123+
Coolify kullanırken, her bir uygulama ve servisin URL'lerini ve temel bilgilerini görmek için tek tek içlerine girmem gerekiyordu. Birden fazla kaynak yönetirken bu süreç oldukça yorucu hale geldi. Dedim ki "Neden her şeyi bir bakışta gösteren basit ve şık bir çözüm yapmayayım?" İşte bu dashboard bu ihtiyaçtan doğdu—tüm kaynakları verimli bir şekilde izlemek için merkezi bir görünüm. Başkaları da faydalı bulursa, daha da güzel.
75124

76125
---
77126

78-
## 🧩 Özellikler
127+
## Özellikler
79128

80-
- Çok Dilli Destek (İngilizce 🇬🇧 / Türkçe 🇹🇷)
81-
- Responsive ve modern arayüz
82-
- Gerçek zamanlı kaynak izleme
83-
- Güvenli JWT kimlik doğrulama
84-
- Kaynak Yönetimi (Uygulamalar, Servisler, Veritabanları)
85-
- React + Tailwind CSS ile modern tasarım
129+
- **Çok Dilli Destek**: İngilizce ve Türkçe arasında sorunsuz geçiş
130+
- **Responsive Tasarım**: Masaüstü ve mobil cihazlar için optimize edilmiş modern arayüz
131+
- **Gerçek Zamanlı İzleme**: Kaynak durumu ve sağlığını gerçek zamanlı takip
132+
- **Güvenli Kimlik Doğrulama**: JWT tabanlı güvenli token yönetimi
133+
- **Kaynak İzleme**: Uygulamalar, servisler ve veritabanlarını izleme
134+
- **Modern Teknoloji Yığını**: React, Tailwind CSS ve Express.js ile geliştirilmiştir
86135

87136
---
88137

89-
## 🧱 Proje Yapısı
138+
## Proje Yapısı
90139

91140
```
92141
coolify-dashboard/
93-
├── client/ # React frontend
142+
├── client/ # React frontend uygulaması
94143
│ ├── src/
95-
│ │ ├── components/ # Yeniden kullanılabilir bileşenler
144+
│ │ ├── components/ # Yeniden kullanılabilir UI bileşenleri
96145
│ │ ├── pages/ # Sayfa bileşenleri
97-
│ │ ├── api/ # API servisleri
98-
│ │ ├── services/ # İş mantığı
146+
│ │ ├── api/ # API client servisleri
147+
│ │ ├── services/ # İş mantığı katmanı
99148
│ │ ├── utils/ # Yardımcı fonksiyonlar
100149
│ │ └── i18n/ # Uluslararasılaştırma (EN/TR)
101-
├── server/ # Express backend
102-
│ ├── routes/ # API route’ları
103-
│ ├── middleware/ # Özel middleware
104-
│ └── services/ # Backend servisleri
150+
├── server/ # Express backend uygulaması
151+
│ ├── routes/ # API route tanımları
152+
│ ├── middleware/ # Özel middleware'ler
153+
│ ├── services/ # Backend servisleri
154+
│ └── utils/ # Backend yardımcı araçları
155+
└── Dockerfile # Docker yapılandırması
105156
```
106157

107158
---
108159

109-
## 🧠 Geliştirme
160+
## Geliştirme
110161

111162
### Gereksinimler
112163

113-
- Node.js 20+
114-
- npm
164+
- Node.js 20.x veya üzeri
165+
- npm veya yarn
166+
- Git
115167

116-
### Kurulum
168+
### Yerel Kurulum
117169

118170
```bash
171+
# Repository'yi klonlayın
119172
git clone https://github.com/kalayciburak/coolify-dashboard.git
173+
174+
# Proje dizinine gidin
120175
cd coolify-dashboard
176+
177+
# Bağımlılıkları yükleyin
121178
npm install
179+
180+
# Geliştirme sunucusunu başlatın
122181
npm run dev
123182
```
124183

125-
### Mevcut Script’ler
184+
### Mevcut Script'ler
126185

127-
| Komut | Açıklama |
128-
| ---------------- | --------------------------------------------------- |
129-
| `npm run dev` | Hem client hem server’ı geliştirme modunda başlatır |
130-
| `npm run build` | Client’ı production için derler |
131-
| `npm run start` | Production server’ı başlatır |
132-
| `npm run lint` | ESLint ile kod kontrolü yapar |
133-
| `npm run format` | Kodu Prettier ile formatlar |
186+
| Komut | Açıklama |
187+
| ---------------- | ---------------------------------------------- |
188+
| `npm run dev` | Client ve server'ı geliştirme modunda başlatır |
189+
| `npm run build` | Frontend'i production için derler |
190+
| `npm run start` | Production sunucusunu başlatır |
191+
| `npm run lint` | ESLint ile kod kalitesi kontrolü yapar |
192+
| `npm run format` | Kodu Prettier ile formatlar |
134193

135194
---
136195

137-
## 🤝 Katkıda Bulunma
196+
## Katkıda Bulunma
197+
198+
Katkılarınızı bekliyoruz! Lütfen aşağıdaki yönergeleri takip edin:
138199

139-
1. Repository’yi fork edin
140-
2. Yeni bir feature branch oluşturun: `git checkout -b feature/harika-ozellik`
141-
3. Değişikliklerinizi yapın ve commit edin: `git commit -m 'Harika özellik ekle'`
142-
4. Branch’e push edin: `git push origin feature/harika-ozellik`
200+
1. Repository'yi fork edin
201+
2. Feature branch oluşturun: `git checkout -b feature/yeni-ozellik-adi`
202+
3. Değişikliklerinizi commit edin: `git commit -m 'Yeni özellik ekle'`
203+
4. Branch'e push edin: `git push origin feature/yeni-ozellik-adi`
143204
5. Pull Request açın
144205

145206
### Kurallar
146207

147-
- Mevcut kod stiline sadık kalın
148-
- Anlamlı commit mesajları yazın
208+
- Mevcut kod stilini ve kurallarını takip edin
209+
- Açık ve anlamlı commit mesajları yazın
149210
- Yeni özellikler için test ekleyin
150211
- Gerektiğinde dokümantasyonu güncelleyin
151212
- PR göndermeden önce tüm testlerin geçtiğinden emin olun
152213

153214
---
154215

155-
## 📜 Lisans
216+
## Lisans
156217

157-
Bu proje **MIT Lisansı** altında lisanslanmıştır — detaylar için [LICENSE](LICENSE) dosyasına bakın.
218+
Bu proje MIT Lisansı altında lisanslanmıştır. Detaylar için [LICENSE](LICENSE) dosyasına bakın.
158219

159220
---
160221

161-
## 💬 Destek
222+
## Destek
162223

163-
Sorularınız, önerileriniz veya hata raporlarınız için
164-
[GitHub Issues](https://github.com/kalayciburak/coolify-dashboard/issues) sayfasından iletişime geçebilirsiniz.
224+
Hata raporları, özellik istekleri veya sorularınız için lütfen [GitHub](https://github.com/kalayciburak/coolify-dashboard/issues) üzerinden issue açın.

0 commit comments

Comments
 (0)