Skip to content

README.tr.md

Latest commit

 

History

History
173 lines (121 loc) · 4.15 KB

README.tr.md

File metadata and controls

173 lines (121 loc) · 4.15 KB

Theark - Kişisel Portföy Web Sitesi

Modern ve responsive bir kişisel portföy web sitesi. Nuxt 3, TypeScript, Tailwind CSS ve Vue 3 kullanılarak geliştirilmiştir.

✨ Özellikler

  • 🌐 Çoklu Dil Desteği - Türkçe ve İngilizce dil desteği
  • 🎨 Karanlık/Aydınlık Tema - Kullanıcı tercihine göre tema değiştirme
  • 🎵 Spotify Entegrasyonu - Şu anda dinlenen müzik bilgisi
  • 💬 Discord Durumu - Lanyard API ile Discord durumu gösterimi
  • 📊 GitHub İstatistikleri - GitHub repo'ları ve dil istatistikleri
  • 📱 Responsive Tasarım - Tüm cihazlarda mükemmel görünüm
  • ⚡ SSR Desteği - Server-side rendering ile hızlı yükleme
  • 🎭 Animasyonlar - AOS (Animate On Scroll) ile akıcı animasyonlar

🚀 Hızlı Başlangıç

Gereksinimler

  • Node.js 18+
  • Yarn veya npm

Kurulum

  1. Projeyi klonlayın:
git clone https://github.com/thearkxd/website.git
cd website
  1. Bağımlılıkları yükleyin:
yarn install
# veya
npm install
  1. Environment değişkenlerini ayarlayın:
cp .env.example .env

.env dosyasını düzenleyip gerekli API anahtarlarını ekleyin.

  1. Geliştirme sunucusunu başlatın:
yarn dev
# veya
npm run dev

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

📝 Environment Değişkenleri

Aşağıdaki environment değişkenlerini .env dosyanıza eklemeniz gerekmektedir:

# Discord
DISCORD_USER_ID=your_discord_user_id
DISCORD_WEBHOOK_URL=your_discord_webhook_url

# GitHub
GITHUB_TOKEN=your_github_token
GITHUB_USERNAME=your_github_username

# Spotify (Opsiyonel)
SPOTIFY_CLIENT_ID=your_spotify_client_id
SPOTIFY_CLIENT_SECRET=your_spotify_client_secret
SPOTIFY_REFRESH_TOKEN=your_spotify_refresh_token

API Anahtarlarını Alma

🛠️ Geliştirme

Proje Yapısı

website/
├── assets/          # Statik dosyalar (CSS, fontlar, görseller)
├── components/       # Vue bileşenleri
├── composables/      # Vue composables
├── layouts/         # Sayfa düzenleri
├── pages/           # Sayfa rotaları
├── plugins/         # Nuxt plugin'leri
├── public/          # Public dosyalar
├── server/          # Server API rotaları
├── store/           # Pinia store'ları
└── util/            # Yardımcı fonksiyonlar

Kullanılabilir Komutlar

# Geliştirme sunucusu
yarn dev

# Production build
yarn build

# Production önizleme
yarn preview

# Lint kontrolü
yarn lint

# Lint düzeltme
yarn lintfix

# Test çalıştırma
yarn test

# Test coverage
yarn test:coverage

🧪 Testler

Proje Vitest kullanarak test edilmektedir. Testleri çalıştırmak için:

yarn test

Coverage raporu için:

yarn test:coverage

🤝 Katkıda Bulunma

Katkılarınızı bekliyoruz! Lütfen CONTRIBUTING.md dosyasını okuyun.

  1. Fork edin
  2. Feature branch oluşturun (git checkout -b feature/amazing-feature)
  3. Değişikliklerinizi commit edin (git commit -m 'Add some 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.

👤 Yazar

Theark

🙏 Teşekkürler

📊 Proje Durumu

CI Lint