# 🧪 Mermaid Test Dosyası

Bu dosyayı VS Code'da açın ve **Cmd+K V** (Mac) veya **Ctrl+K V** (Windows) yaparak preview'ı açın.

---

## Test 1: Basit Akış Şeması

```mermaid
graph TB
    Start([Başlangıç])
    Step1[Adım 1]
    Step2[Adım 2]
    Decision{Karar?}
    Yes[Evet]
    No[Hayır]
    End([Son])
    
    Start --> Step1
    Step1 --> Step2
    Step2 --> Decision
    Decision -->|Evet| Yes
    Decision -->|Hayır| No
    Yes --> End
    No --> End
    
    style Start fill:#e1f5ff
    style End fill:#e8f5e9
    style Decision fill:#fff3e0
```

---

## Test 2: Müşteri Panel Basit Akış

```mermaid
graph LR
    Login[Giriş Yap]
    Dashboard[Dashboard]
    Domain[Domain Ekle]
    Success[Başarılı]
    
    Login --> Dashboard
    Dashboard --> Domain
    Domain --> Success
    
    style Login fill:#e1f5ff
    style Dashboard fill:#fff3e0
    style Domain fill:#f3e5f5
    style Success fill:#e8f5e9
```

---

## Test 3: Sequence Diagram

```mermaid
sequenceDiagram
    participant U as Kullanıcı
    participant F as Frontend
    participant A as API
    participant D as Database
    
    U->>F: Giriş Yap
    F->>A: POST /login
    A->>D: Kullanıcı Kontrol
    D-->>A: Kullanıcı Bilgisi
    A-->>F: JWT Token
    F-->>U: Dashboard Göster
```

---

## Test 4: ER Diagram

```mermaid
erDiagram
    USERS ||--o{ DOMAINS : owns
    USERS {
        int id PK
        string email
        string password_hash
    }
    DOMAINS {
        int id PK
        int user_id FK
        string domain_name
        string status
    }
```

---

## ✅ Başarı Kontrolü

Eğer yukarıdaki 4 diyagramı da görüyorsanız, Mermaid kurulumunuz başarılı! 🎉

### Sonraki Adımlar:

1. ✅ `README_WORKFLOW.md` dosyasını açın
2. ✅ Cmd+K V ile preview açın
3. ✅ Tüm proje diyagramlarını görün
4. ✅ `WORKFLOW_DOCUMENTATION.md` dosyasını inceleyin

### Online Görüntüleme:

Tarayıcınızda https://mermaid.live/ açıldı. Yukarıdaki herhangi bir diyagram kodunu kopyalayıp yapıştırabilirsiniz!