This project started initially as an original idea using Mustache and jQuery for the templating. Though that proved to be tedious to make changes and scale to many pages.
Later on it was revised to be a Single-Page Application using Vue.
It is similar in terms of input and output, but built is on React.
Also it uses checkboxes around a repo, while my project generates most badges for you and you can pick what you want to use.
It also offers choices of badge styles and a choice for output (Markdown, etc.) which isn't so useful for me to add.
The design and structure as partly influenced by this project.
In particular the use of vue-markdown, splitting the layout vertically and use of tabs.
- https://arturssmirnovs.github.io/github-profile-readme-generator/
- arturssmirnovs/github-profile-readme-generator repo
Powered by shields.io as well but using React. This focus on generic badge with any custom text, rather than multiple badges.
NPM package
- https://github.com/Ileriayo/markdown-badges - a catalogue of products and Markdown you can copy, with colors and logos set.
The skeleton of this Badge Generator project is based on this one:
Here is a Vue template with TypeScript: