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 -
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!
Result -
(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)