Skip to content

setscript/setscript-scraper

Repository files navigation

🚀 SetScript.com Scraper & Analitik

Next.js TypeScript TailwindCSS Dark Mode

SetScript.com web sitesinden veri çeken, analiz eden ve görselleştiren modern bir web uygulaması

Geliştirici: @oktayyavuz

📋 İçindekiler

🌟 Özellikler

  • 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

Ekran görüntüleri buraya eklenecek

🛠️ Teknolojiler

  • 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

⚙️ Kurulum

  1. Repoyu klonlayın:

    git clone https://github.com/oktayyavuz/setscript-scraper.git
    cd setscript-scraper
  2. Bağımlılıkları yükleyin:

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

    npm run dev
  4. Tarayıcınızda açın:

    http://localhost:3000
    

🚀 Kullanım

Ana Sayfa

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ı

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ı

📊 API Endpoints

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
    

🧩 Proje Yapısı

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

📝 Lisans

Bu proje MIT Lisansı altında lisanslanmıştır.


GitHub Takip Et

© 2025 Oktay Yavuz. Tüm hakları saklıdır.