Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Hits

Trainer Card Buddy

Create and Share your Pokemon Go trainer card online!

Checkout the demo

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.

How it works

  1. Enter your trainer name & trainer code, and select one of the card styles
  2. The api will enter your information into the SVG template, and create a QR code for your Trainer Code.
  3. 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.

Endpoints

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.

To Do:

  1. The site will go live at https://www.pkmngo.me. I'm currently waiting for a CNAME issue to get resolved at Glitch.com.
  2. Update contribution guides
  3. Upload Figma file for SVG templates.

Examples

Valor Instinct Mystic Eevee Pikachu Love Map Team Rocket

About

A small node api to create dynamic Pokemon Go templates using SVGs.

Topics

Resources

License

Releases

No releases published

Packages

No packages published