My npm card

Run Via npx

Stetps

1. You can fork in the repo of makeitrealcamp or just go creating your files.

# Create new folder
$ mkdir npm-profile-card && cd $_

# Init the npm package
$ npm init

# dependencies
$ npm install

# Create bin folder
$ mkdir bin && cd $_

# Create the card.js file
$ touch bin/card.js

#!/usr/bin/env node
// 👆 Used to tell Node.js that this is a CLI tool

// Pull in our modules
const chalk = require('chalk')
const boxen = require('boxen')

// Define options for Boxen
const options = {
  padding: 1,
  margin: 1,
  borderStyle: 'round'
}

// Text + chalk definitions
const data = {
  name: chalk.white('YOUR NAME / '),
  handle: chalk.cyan('HANDLENAME'),
  work: chalk.white('WHERE DO YOU WORK'),
  twitter: chalk.cyan('TWITTER ACCOUNT'),
  github: chalk.cyan('GITHUB ACCOUNT'),
  linkedin: chalk.cyan('LINKEDIN ACCOUNT'),
  web: chalk.cyan('YOUR WEBSITE'),
  npx: chalk.white('npx YOUR_ALIAS'),
  labelWork: chalk.white.bold('      Work:'),
  labelTwitter: chalk.white.bold('   Twitter:'),
  labelGitHub: chalk.white.bold('    GitHub:'),
  labelLinkedIn: chalk.white.bold('  LinkedIn:'),
  labelWeb: chalk.white.bold('       Web:'),
  labelCard: chalk.white.bold('      Card:')
}

// Actual strings were going to output
const newline = '\n'
const heading = `${data.name} ${data.handle}`
const working = `${data.labelWork}  ${data.work}`
const twittering = `${data.labelTwitter}  ${data.twitter}`
const githubing = `${data.labelGitHub}  ${data.github}`
const linkedining = `${data.labelLinkedIn}  ${data.linkedin}`
const webing = `${data.labelWeb}  ${data.web}`
const carding = `${data.labelCard}  ${data.npx}`

// Put all our output together into a single variable so we can use boxen effectively
const output = heading + newline + newline + working + newline + twittering + newline + githubing + newline + linkedining + newline + webing + newline + newline + carding

console.log(chalk.green(boxen(output, options)))

$ npm version major

$ npm adduser

$ npm adduser

$ npm publish

$ npx makeitrealcamp


### 6. Publicar la primera version del paquete en npm

En esta punto publicaremos nuestro paquete. Primero agregaremos un `.npmignore` para que solo se instalen nuestros archivos creados. Necesitamos ejecutar `npm adduser` para iniciar sesión en una cuenta de npm. Luego, podemos ejecutar `npm publish` para publicar nuestro paquete y verlo en npm.

Nota: si realmente desea publicar el paquete de este taller, deberá cambiarle el nombre, ya que las palabras confidenciales ya están tomadas. También puede usar un nombre de paquete con ámbito para esto. **La sugerencia es que el nombre del paquete sea tu username.(`khriztianmoreno`, `makeitrealcamp`, `godDeveloper`)**

![9.png](./img/9.png)

A continuación, vamos a publicar nuestro paquete, pero antes necesitamos que todos nuestros cambios esten rastreados por git:

```bash
git add .
git commit -am "feat: code base"