awesome-trending-repos: Modern Web Interface for GitHub Trending
In my previous blog post, I introduced the awesome-trending-repos project. Back then, the project only wrote data to a README.md file. Things have changed. The project is now a fully functional mod...
Source: DEV Community
In my previous blog post, I introduced the awesome-trending-repos project. Back then, the project only wrote data to a README.md file. Things have changed. The project is now a fully functional modern web application. Automated build and deployment process with GitHub Actions Why a Web Interface? A README.md file works, but it's static. To track trending projects effectively, I wanted a more interactive experience. Users needed to be able to filter by programming language, search repositories, and see data visualized with charts. So I built a modern single-page application (SPA) with React + Vite. Tech Stack Frontend: React 19 - Latest version Vite - Fast dev server and build tool Tailwind CSS v4 - Utility-first styling Framer Motion - Animations Recharts - Data visualization Backend/Infrastructure: GitHub Actions - Automation GitHub Pages - Hosting Custom Domain - furkankoykiran.com.tr Project Structure The core project structure: awesome-trending-repos/ ├── src/ │ ├── App.jsx # Main
