Freelancer Blog & Portfolio

SEO dostu, mobil uyumlu ve dark mode destekli kişisel blog ve portföy sitesi.

Özellikler

• 🌙 Dark Mode desteği
• 📱 Mobil uyumlu tasarım
• 🔍 SEO optimizasyonu
• ✍️ Blog yazıları yönetimi
• 💼 Portföy projelerinin sergilenmesi
• 📬 İletişim formu
• ⚡ Hızlı yükleme performansı

Teknolojiler

• Frontend:

  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • React Query
  • Wouter (Router)

• Backend:

  • Node.js
  • Express
  • Drizzle ORM
  • PostgreSQL (Yakında)

Kurulum

1. Projeyi klonlayın:

git clone https://github.com/kairos777/freelancer-blog.git
cd freelancer-blog

2. Bağımlılıkları yükleyin:

npm install

3. Geliştirme sunucusunu başlatın:

npm run dev

4. Tarayıcınızda http://localhost:5000 adresini açın

GitHub Repository Oluşturma ve Bağlama Adımları

1. GitHub'da Yeni Repository Oluşturma

1. GitHub hesabınıza giriş yapın ve sağ üst köşedeki "+" simgesine tıklayın, ardından "New repository" seçin.

2. Repository ayarlarını yapın:

   • Repository name: freelancer-blog
   • Description: "SEO dostu, mobil uyumlu, dark mode destekli kişisel blog ve portföy sitesi"
   • Visibility: Public
   • Initialize this repository with: Hiçbir seçeneği işaretlemeyin
   • "Create repository" butonuna tıklayın

2. Yerel Projeyi GitHub'a Bağlama

Terminal veya komut istemcisinde aşağıdaki komutları sırasıyla çalıştırın:

# Projenizin bulunduğu dizine gidin
cd freelancer-blog

# Git repositorysini başlatın
git init

# Tüm dosyaları staging area'ya ekleyin
git add .

# İlk commit'i oluşturun
git commit -m "İlk commit: Blog ve portföy sitesi"

# Ana branch'in adını 'main' olarak değiştirin
git branch -M main

# GitHub repository'sini remote olarak ekleyin
git remote add origin https://github.com/kairos777/freelancer-blog.git

# Projeyi GitHub'a gönderin
git push -u origin main

3. Değişiklikleri GitHub'a Gönderme

Projede yaptığınız değişiklikleri GitHub'a göndermek için:

# Değişiklikleri staging area'ya ekleyin
git add .

# Commit oluşturun
git commit -m "Değişiklik açıklaması"

# GitHub'a gönderin
git push

4. Önemli Git Komutları

• git status: Değişiklikleri görüntüler
• git log: Commit geçmişini görüntüler
• git branch: Branch'leri listeler
• git checkout -b yeni-branch: Yeni branch oluşturur
• git merge branch-adi: Branch'i main ile birleştirir

5. .gitignore Dosyası

Projede oluşturduğumuz .gitignore dosyası aşağıdaki dosyaları GitHub'a göndermeyecek:

node_modules
dist
.DS_Store
server/public
vite.config.ts.*
*.tar.gz
.env
.env.local
*.log

6. Sorun Giderme

Eğer push yaparken hata alırsanız:

1. GitHub credentials'larınızı kontrol edin
2. Repository URL'sini doğrulayın
3. Branch isimlerini kontrol edin

Detaylı bilgi için GitHub Docs'u ziyaret edebilirsiniz.

Planlanan Özellikler

• PostgreSQL veritabanı entegrasyonu
• Gelişmiş blog yönetim paneli
• Proje kategorileri ve filtreleme
• Otomatik blog post paylaşımı

Katkıda Bulunma

1. Bu depoyu fork edin
2. Yeni bir branch oluşturun (git checkout -b feature/amazing-feature)
3. Değişikliklerinizi commit edin (git commit -m 'Yeni özellik: Amazing feature')
4. Branch'inizi push edin (git push origin feature/amazing-feature)
5. Pull Request oluşturun

Lisans

Bu proje MIT lisansı altında lisanslanmıştır. Detaylı bilgi için LICENSE dosyasına bakın.