Geliştirici: @oktayyavuz
- 🌟 Özellikler
- 🖼️ Ekran Görüntüleri
- 🛠️ Teknolojiler
- ⚙️ Kurulum
- 🚀 Kullanım
- 📊 API Endpoints
- 🧩 Proje Yapısı
- 📝 Lisans
- Otomatik Veri Çekme: SetScript.com'dan her 10 dakikada bir otomatik veri çekme
- Manuel Veri Çekme: İstediğiniz SetScript.com sayfasından manuel veri çekme
- Detaylı Analitikler: Ekip üyeleri ve projeler hakkında kapsamlı analitikler
- Görsel Grafikler: Zaman içindeki değişimleri gösteren interaktif grafikler
- Arama ve Filtreleme: Ekip üyeleri ve projeleri arama ve filtreleme
- Koyu Tema: Göz yorgunluğunu azaltan şık koyu tema tasarımı
- Responsive Tasarım: Tüm cihazlarda mükemmel görüntüleme deneyimi
- JSON API: Tüm verilere programatik erişim için JSON API
Ekran görüntüleri buraya eklenecek
- Frontend: Next.js 14, React, TypeScript, TailwindCSS
- Backend: Next.js API Routes
- Veri Çekme: Cheerio (Web Scraping)
- Veri Depolama: Dosya tabanlı JSON depolama
- Grafikler: Chart.js, React-Chartjs-2
- UI Bileşenleri: Shadcn UI
-
Repoyu klonlayın:
git clone https://github.com/oktayyavuz/setscript-scraper.git cd setscript-scraper
-
Bağımlılıkları yükleyin:
npm install
-
Geliştirme sunucusunu başlatın:
npm run dev
-
Tarayıcınızda açın:
http://localhost:3000
Ana sayfada, uygulamanın temel özelliklerine erişebilirsiniz:
- Veri Çekme: Manuel olarak belirli bir SetScript.com sayfasından veri çekme
- Otomatik İzleme: Otomatik veri çekme durumunu görüntüleme
- Analitikler: Detaylı analitiklere erişim
Analitikler sayfasında şunları bulabilirsiniz:
- Özet Kartları: Toplam ekip üyesi ve proje sayısı
- Grafikler: Zaman içindeki değişimleri gösteren grafikler
- Ekip Üyeleri Tablosu: Tüm ekip üyelerinin listesi ve detayları
- Projeler Tablosu: Tüm projelerin listesi ve detayları
Uygulama, verilere programatik erişim için aşağıdaki API endpoint'lerini sunar:
-
GET /api/scrape: Belirli bir URL'den veri çeker
/api/scrape?url=https://setscript.com/developers
-
GET /api/cron: Tüm sayfaları tarar ve verileri günceller
/api/cron
-
GET /api/analytics: Analitik verilerini döndürür
/api/analytics
-
GET /api/json: Tüm ham verileri JSON formatında döndürür
/api/json
setscript-scraper/
├── app/ # Next.js uygulama dizini
│ ├── api/ # API route'ları
│ │ ├── analytics/ # Analitik API'si
│ │ ├── cron/ # Otomatik veri çekme API'si
│ │ ├── json/ # JSON veri API'si
│ │ └── scrape/ # Web scraping API'si
│ ├── analytics/ # Analitikler sayfası
│ ├── components/ # Uygulama bileşenleri
│ │ ├── analytics/ # Analitik bileşenleri
│ │ └── ui/ # UI bileşenleri
│ ├── globals.css # Global CSS
│ ├── layout.tsx # Ana layout
│ ├── not-found.tsx # 404 sayfası
│ └── page.tsx # Ana sayfa
├── components/ # Paylaşılan bileşenler
│ └── ui/ # UI bileşenleri
├── lib/ # Yardımcı fonksiyonlar
├── public/ # Statik dosyalar
├── .gitignore
├── next.config.js
├── package.json
├── README.md
└── tsconfig.json
Bu proje MIT Lisansı altında lisanslanmıştır.