Proje Portföyü - DoquHome

Bu proje, DoquHome tarafından geliştirilen web uygulamalarının portföyünü gösteren modern ve responsive bir web sitesidir.

🚀 Özellikler

• Modern Tasarım: Gradient arka planlar ve modern UI/UX
• Responsive: Mobil, tablet ve masaüstü uyumlu
• Etkileşimli: Proje kartları ve detaylı modal görünümleri
• Animasyonlar: Smooth scroll ve hover efektleri
• SEO Dostu: Semantic HTML yapısı

📁 Proje Yapısı

WebApplications/
├── index.html          # Ana sayfa
├── styles.css          # CSS stilleri
├── script.js           # JavaScript fonksiyonları
└── README.md           # Proje dokümantasyonu

🛠️ Teknolojiler

• HTML5: Semantic markup
• CSS3: Modern styling ve animasyonlar
• JavaScript: Etkileşimli özellikler
• Font Awesome: İkonlar
• Google Fonts: Inter font ailesi

📋 Projeler

Sitede gösterilen projeler:

1. E-Ticaret Platformu - React, Node.js, MongoDB
2. Blog Yönetim Sistemi - Vue.js, Express.js, PostgreSQL
3. CRM Sistemi - Angular, Laravel, MySQL
4. Eğitim Platformu - React Native, Django, PostgreSQL
5. Restoran Yönetim Sistemi - Next.js, Firebase, Stripe
6. Proje Yönetim Aracı - Vue.js, Node.js, MongoDB

🎯 Özellikler

Ana Sayfa

• Hero section ile istatistikler
• Animasyonlu sayaçlar
• Gradient arka plan

Projeler Bölümü

• Proje kartları grid layout
• Hover efektleri
• Teknoloji etiketleri
• Canlı demo ve GitHub linkleri

Modal Detayları

• Proje amacı
• Kullanılan teknolojiler
• Özellik listesi
• Dosya yapısı
• Bağlantılar

Responsive Tasarım

• Mobil menü
• Grid sistem adaptasyonu
• Touch-friendly etkileşimler

🚀 Kurulum

1. Dosyaları web sunucusuna yükleyin
2. index.html dosyasını tarayıcıda açın
3. Site otomatik olarak yüklenecektir

📱 Mobil Uyumluluk

• iPhone/iPad uyumlu
• Android cihazlar için optimize
• Touch gesture desteği
• Responsive breakpoint'ler

🎨 Özelleştirme

Yeni Proje Ekleme

script.js dosyasındaki projects array'ine yeni proje ekleyin:

{
    id: 7,
    title: "Yeni Proje",
    description: "Proje açıklaması",
    icon: "fas fa-icon-name",
    technologies: ["React", "Node.js"],
    liveUrl: "https://proje.doquhome.com.tr",
    githubUrl: "https://github.com/doquhome/proje",
    purpose: "Proje amacı",
    fileStructure: "Dosya yapısı",
    features: ["Özellik 1", "Özellik 2"]
}

Renk Teması Değiştirme

styles.css dosyasında gradient renklerini değiştirin:

background: linear-gradient(135deg, #YENI_RENK1 0%, #YENI_RENK2 100%);

📞 İletişim

• Website: testysr.doquhome.com.tr
• E-posta: info@doquhome.com.tr
• Telefon: +90 XXX XXX XX XX

📄 Lisans

Bu proje DoquHome tarafından geliştirilmiştir. Tüm hakları saklıdır.

---

Not: Bu site, DoquHome'un geliştirdiği projelerin portföyünü göstermek amacıyla oluşturulmuştur. Tüm proje linkleri ve bilgileri örnek amaçlıdır.