GitHub's awesome lists are like treasure chests filled with carefully selected resources, tools, and projects for all sorts of interests and needs. These lists are incredibly helpful for developers who want to quickly find useful tools and libraries. However, as these lists grow bigger and more complex, finding the specific information you need—like how popular a tool is or how well it's maintained—can become a bit of a challenge.
The Birth of AwesomeExplorer
GitHub's awesome lists are basically just markdown files that list repositories in a simple, text-based format. While this format is easy to maintain, it doesn't offer the kind of interactivity and ease of use that we're used to in modern web apps. People often find themselves scrolling through long lists, manually sorting and filtering repositories, and struggling to find the most relevant projects quickly.
Explore with AwesomeExplorer
I wanted to create a tool that would turn these static lists into dynamic, interactive experiences. A tool that would let users sort, filter, and explore repositories with ease, all while keeping the interface clean and intuitive.
v0 / The Vue and Golang Experiment
My journey began with a simple idea: create a static site to explore GitHub's awesome lists. I chose Vue.js with Nuxt for the frontend and Golang for the backend. The backend was a crawler that fetched and parsed markdown text from GitHub's awesome lists, then used the GitHub API to gather project details. This data was stored in an SQLite database, which served as the backend for generating the static site.
v-next / Roadmap for the further features
Package Registry Integration: I want to show download counts for projects in the awesome lists. I've started some logic to guess package names and fetch data via API, but it's not complete yet.
Sort by Trending: I want to display projects that have gained the most stars in the past week or month. I've learned from https://star-history.com/ how to generate star history and have started implementing it, but it needs testing.
More Features?: If you have any ideas, feel free to open an issue or comment directly.
SOCIAL SHARE CARD GENERATOR