Skip to content

setscript/api-hub

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.

Releases

No releases published

Packages

No packages published