I have built this dynamic ๐ผ SVG generator that collects the ๐น games you play from Steam and generates an image that can be embedded in any site (cause all sites use html ๐
). You can also put it in โ .md
files (like readme)! For example in GitHub profile readme, look at mine -
๐ Hi, I'm Ananto
LinkedIn | Codersrank | Dev.to | Medium | Portfolio
๐ Projects
- Zero: A high performance and fast Python framework (RPC + PubSub) to build microservices. (WIP)
- Ask Hadith: Hadith search engine. askhadith.com
- Golpo: Social network. golpo.vercel.app (Need contributors ๐)
- KV Store: Redis based Config or Settings key-value store with UI and code generation.
- Bazar: Online shop built with svelte. gg13.netlify.app (WIP)
- Gmocker: Create a blazing fast mock server with just a JSON file! (Go)
- Storypoint: Realtime story pointing (or T-shirt sizing) app. storypoint.onrender.com
- News13: Minimalistic uncluttered latest news (of Bangladesh). news13.netlify.app
- Cap-em: Resource limit tracker.
- Loggable: A logging annotation library for reactive java.
๐ฌ POC's
๐งโ๐ป My codersrank
โฆAll you need is to make your Steam profile public. The steps are shown in the repo -
Ananto30 / steam-stat
๐ฎ Dynamically generate your Steam (game) stats card on SVG
Steam-stats
Steam stats svg generator. Create your own Steam stat dynamically and share anywhere.
This can be used with .md
files!
You can put in your GitHub readme too ๐
Example ๐
For .md
files -
![Travis](https://steam-stat.vercel.app/api?profileName=ananto)
For using as img
property in html or md files -
<img src="https://steam-stat.vercel.app/api?profileName=ananto"/>
You need to provide the profile name in query parameter ?profileName=ananto
.
Please ensure that your Steam profile is public!
How to get profile name or url
How to make profile public
Contribution
Contributions are welcomed โค๏ธ
There are many things to add, so please feel free to discuss and improve the code quality
Inspired by github-readme-stats and natemoo-re
I am attaching the following line in this blog post and it will dynamically generate the SVG every time someone visits this page!
![Travis](https://steam-stat.vercel.app/api?profileName=ananto)
(Obviously this has some caching to reduce spamming the Steam API ๐)
Please give it a โญ๏ธ star if you like it. ๐
Suggest any further improvements and contributions are also welcomed. ๐
Share your profile in the comment! ๐
Top comments (0)