Desenvolvimento de um Cartão Pessoal via NPX
Desenvolvimento de um package que simula um carto pessoal. O exemplo desenvolvido aqui foi baseado no repositrio do ilustre Tierney Cyren
No caso aqui, estou usando os meus dados para criar o meu Carto Pessoal. O pacote, que nesse caso o meu carto pessoal, encontra-se disponvel no site do npmjs pelo link:
Para instalar o package do meu carto pessoal, bastam executar o seguinte comando abaixo:
> npm install glaucia_lemos86
Se voc curte ou curtiu os vdeos feitos desse curso e deseja apoiar com um valor de um Cafezinho Brasileiro, ento sinta-se vontade em fazer o seu donation no boto abaixo:
Bastam seguir os passos abaixo:
> mkdir glaucia86
> cd glaucia86
> npm init
> mkdir bin
> touch card.js
> npm install standard --save-dev
> npm install chalk --save
> npm install boxen --save
> npm install commander --save
#!/usr/bin/env node
// Usado para dizer ao Node.js que se trata de uma ferramenta do CLI
// Declarando os mdulos:
const chalk = require('chalk')
const boxen = require('boxen')
// Definindo as opes para o boxen:
const options = {
padding: 1,
margin: 1,
borderStyle: 'round'
}
// Incluso do Text e mais as definies do chalk:
const data = {
name: chalk.white('Glaucia Lemos /'),
handle: chalk.cyan('glaucia_lemos86'),
work: chalk.white('Regional Cloud Developer at Microsoft'),
twitter: chalk.cyan('https://twitter.com/glaucia_lemos86'),
github: chalk.cyan('https://github.com/glaucia86'),
linkedin: chalk.cyan('https://www.linkedin.com/in/glaucialemos/'),
medium: chalk.cyan('https://medium.com/@glaucia86'),
web: chalk.cyan('https://code4coders.wordpress.com/'),
npx: chalk.white('npx glaucia_lemos86'),
labelWork: chalk.white.bold(' Work:'),
labelTwitter: chalk.white.bold(' Twitter:'),
labelGitHub: chalk.white.bold(' GitHub:'),
labelLinkedIn: chalk.white.bold(' LinkedIn:'),
labelMedium: chalk.white.bold(' Medium:')
labelWeb: chalk.white.bold(' Web:'),
labelCard: chalk.white.bold(' Card:')
}
// Aqui ser a sada do nosso Carto Pessoal em NPX:
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 mediuming = `${data.labelMedium} ${data.medium}`
const webing = `${data.labelWeb} ${data.web}`
const carding = `${data.labelCard} ${data.npx}`
// Aqui devemos colocar toda a nossa sada numa nica varivel para que possamos usar
// o boxen de maneira efetiva:
const output = heading + newline + newline + working + newline + twittering + newline + githubing + newline + linkedining + newline + mediuming + newline + webing + newline + newline + carding
console.log(chalk.green(boxen(output, options)))
> npm version major
> npm adduser
> npm publish
> npx glaucia_lemos86
E vil! Aparecer o seu Carto Pessoal!! 😍
A verso da foto foi aprimorada. Aqui no README.md s estou explicando como desenvolver de uma maneira mais simples. Fiquem vontade para alterarem o carto pessoal de vocs!!!
Conforme mencionado acima, esse projeto foi baseado pelo repositrio do Tierney Cyren. So, I would like to say thank you @bitandbang for your contribution in this awesome project! NPX Card Profile ⭐⭐⭐
Caso queiram que eu implemente algo no cdigo, abram uma ISSUE nesse repositrio. Assim, todos podero colaborar para o melhor desenvolvimento desse projeto. E sintam-se vontade em fazer Pull Requests!!