Create and Share your Pokemon Go trainer card online!
I wanted to create a cool way to share my Pokemon Go trainer card online, and this is what I have come up with. Using the form on the site, you can enter your Pokemon Go information, and the API will automatically generate an SVG or PNG image to share online.
- Enter your trainer name & trainer code, and select one of the card styles
- The api will enter your information into the SVG template, and create a QR code for your Trainer Code.
- What you see in response is either the SVG or PNG version of your Trainer card.
All the card templates are SVGs I have created in Figma, and then I copy the SVG source into Node, and add in the users data using string interpolation. This results in a fairly quick and efficient system for dynamically creating SVGs. Think of it as Server-Side Rendered SVG templates.
| Endpoint | Description |
|---|---|
/:name/:code?style={} |
Returns a SVG template for your Pokemon Go Trainer card |
/:name/:code/card.png?style={} |
Returns a PNG template for your Pokemon Go Trainer card. This endpoint shares better for online social platforms, allowing others to see the image when you share it. |
- The site will go live at
https://www.pkmngo.me. I'm currently waiting for a CNAME issue to get resolved at Glitch.com. - Update contribution guides
- Upload Figma file for SVG templates.
