xeyvezy / genshin-card-generator

A website which allows you to create a Genshin Impact player card.

Genshin Impact Card Generator

View Changelog

A small web app which allows people to create a 'card' which displays their stats for the game Genshin Impact. This card can then be downloaded as a .PNG or shared to twitter

Website

http://www.genshin-card-generator.com/

Key Features

• Users can input the following infomation
  • Card Design
  • Player name
  • UID
  • Platform
  • Server
  • Twitter
  • Adventure Rank
  • Team
• Users will be presented with a .PNG image with their details formatted in an asetheic way
• Users can download the .PNG image
• A Twitter share button will be provided for instant shareability
• An option for the User to not include personal/ multiplayer infomation

Featured on:

Realsport101

Future Features:

• Team composition card
• Additional background designs

Future Improvements:

• Attach image to twitter share button, so tweet draft includes image automatically
• Add new characters when approproiate
• Implement Session Storage so errors do not occur on refresh of the card page

Technologies

Node.js

Vue.js

Vue Router

Vue Konva

vue-Multiselect

Vue Formulate

Vue Simple Accordion

Heroku

Screenshots

Copyright

© All rights reserved by miHoYo. Other properties belong to their respective owners. Genshin Card Generator is not affiliated with or endorsed by miHoYo. Assets used are owned by miHoYo