DEV Community

Azizul Haque Ananto

Posted on Oct 26, 2020

Show off your games using this tool

#showdev #javascript #serverless

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 -

Ananto30 / Ananto30

My profile with Steam stats card

👋 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

Async to sync using
- Go channels - repo
- Vert.x - repo
A Fiber(Go) backend for a diary app - repo

🎮 My Steam games! (repo) -

🧑‍💻 My codersrank

…

View on GitHub

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

View on GitHub

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)

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! 👇