El creador de tarjetas es una pequeña aplicación creada con el objetivo de facilitar la creación de tarjetas de credito o debito de muestra falsas a los diseñadores y programadores front-end.
En sí, no puedes hacer demaciado, la intención o el objetivo no es crear un falsificador preciso de tarjetas, ya que el punto es facilitar el uso de estas mismas en los diseños de cualquier persona.
En esta aplicación hay 2 secciones, la primera en la parte derecha es la que contiene todos campos que deberas llenar. Entre estos podrás encontrar los siguientes:
- Nombre.
- Numero de la tarjeta.
- Mes y año de caducidad.
- Color gradeante de la tarjeta.
- Logo redes de pago electrónico
- Tipo de tarjeta.
Pero, se ha considerado no colocar la parte posterior de las tarjetas ya que solamente con la parte frontal basta y contiene suficiente información como para realizar una buena demostración.
Ahora sí, por otro lado, en la sección derecha podemos encontrar el modelo de la tarjeta, con actualización inmediata frente a los cambios que desees realizar. Debajo también encontrarás un botón de descarga que almacenará una imagen de la tarjeta directamente en tu carpeta de descargas.
-
Deberás tener primero Node.js instalado en tu computadora, en todo caso, la pagina oficial está aquí: Node.js
-
Deberás también clonar el repositorio del proyecto en en donde desees, y una vez dentro, cuando estes en la carpeta del proyecto gracias a un editor de texto o el CMD deberás clocar el siguiente comando:
npm run dev
. -
El proyecto se incilializará en el puerto local 5137 y para que puedas verlo en funcionamiento, tienes que dirigirte al navegador. Usa el siguiente link: Creador de tarjetas
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh