hosting-platform/TEST_MERMAID.md

2.0 KiB
Raw Blame History

🧪 Mermaid Test Dosyası

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


Test 1: Basit Akış Şeması

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ış

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

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

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ıı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/ıldı. Yukarıdaki herhangi bir diyagram kodunu kopyalayıp yapıştırabilirsiniz!