Skip to content

Busratekel/WebApplications

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

📄 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published