awesome-trending-repos: GitHub Trending için Modern Web Arayüzü

Önceki blog yazımda awesome-trending-repos projesinden bahsetmiştim. O zamanlar proje sadece README.md dosyasına veri yazıyordu. Artık things changed. Proje artık tam fonksiyonlu bir modern web uygulaması. GitHub Actions ile otomatik build ve deploy süreci Neden Web Arayüzü? README.md dosyası işe yarar ama statiktir. Trending projeleri takip etmek için daha interaktif bir deneyim istedim. Kullanıcıların dil bazlı filtreleme yapabilmesi, arama yapabilmesi ve grafiklerle verileri görebilmesi gerekliydi. Bu yüzden React + Vite ile modern bir single-page application (SPA) geliştirdim. Tech Stack Frontend: React 19 - Son sürüm Vite - Hızlı dev server ve build Tailwind CSS v4 - Utility-first styling Framer Motion - Animasyonlar Recharts - Veri görselleştirme Backend/Infrastructure: GitHub Actions - Otomasyon GitHub Pages - Hosting Custom Domain - furkankoykiran.com.tr Proje Yapısı Projenin temel dizini şöyle: awesome-trending-repos/ ├── src/ │ ├── App.jsx # Ana React bileşeni │ ├── main.jsx