Cómo crear tu business card en npm

Publicada en por admin

Hace poco en twitter, el usuario Tierney Cyren creó en github un repositorio con un código para generar una business card (tarjeta de negocios) mediante la consola. tal como se ve a continuación:

Muchas personas se unieron a la iniciativa y publicaron su business card, sin embargo, en ninguna parte se explica cómo crear la propia tarjeta.

Hacerlo no es complicado pero requiere conocer algo de git.

Requisitos: Tener una cuenta creada en Npmjs , en Github, tener instalado NodeJS, git, y alistar la consola de comandos.

Paso 1: Clonar el repositorio, vamos a ir al repositorio, y vamos a darle un fork. En mi caso,quedó así:

Repo original: https://github.com/bnb/bitandbang
Repo Fork: https://github.com/santiaguf/santiaguf

Paso 2: editamos el repositorio y le cambiamos el nombre (originalmente viene creado como bitandbang, yo lo cambié por santiaguf que es mi username).

https://github.com/[TuUsuario]/bitandbang/settings

Paso 3: editar los datos del repositorio
Puedes usar directamente github y editar los siguientes archivos:

bin/card.js
(ejemplo https://github.com/santiaguf/santiaguf/commit/fb6dd180895045aec6666c7b460c0bf4d5e9aba5 )
package.json
(ejemplo: https://github.com/santiaguf/santiaguf/commit/6f06c461ebb1bce18fe99664aed41240b8bc275e )
readme.MD
(este es opcional, ejemplo https://github.com/santiaguf/santiaguf/commit/52b29eeac7c7d9d17d0a89a39555b98eb2ccf052 )

Paso 4: Vamos a configurar el repositorio en el computador, para ello vamos a crear una carpeta, inicializar el repositorio, configurar el acceso remoto, y traer los

cd /home/santiaguf/
mkdir tarjeta
cd tarjeta
git init
git remote add origin https://github.com/[TuUsuario]/[nombre].git
git pull origin master

Donde TuUsuario es tu usuario de github, y nombre es el nombre que seleccionaste en el paso 2.
Nota: en windows por facilidad se puede usar el cliente gráfico github desktop

Paso 5: Ahora vamos a publicar el repositorio como paquete en npm.

npm adduser (aquí nos pedirá nuestro usuario y contraseña de npmjs.com)
npm publish

Paso 6: Finalmente podremos ver nuestro resultado en:

npx santiaguf (reemplazando santiaguf por el nombre que seleccionaste)

Finalmente se puede el paquete publicado en npm, en mi caso: https://www.npmjs.com/package/santiaguf