Carto Pessoal em NPX - Glaucia Lemos 💾

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:

Carto Pessoal Glaucia Lemos: glaucia_lemos86

Para instalar o package do meu carto pessoal, bastam executar o seguinte comando abaixo:

> npm install glaucia_lemos86

Apoie e Ajude esse Projeto!

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:

Recursos Utilizados: 🔥

Visual Studio Code
Javascript
Node.Js
Npm
Uso dos pacotes:
- boxen
- chalk
- standard
- commander

Okay... Curti! Quero fazer o meu.. Como fao?! 🚀

Bastam seguir os passos abaixo:

Crie uma pasta do projeto de acordo com o seu nome do GitHub e siga os passos abaixo:

> mkdir glaucia86

> cd glaucia86

> npm init 

> mkdir bin

> touch card.js

Aps criar a estrutura do projeto, execute os seguintes comandos para incluir os seguintes pacotes no arquivo package.json:

> npm install standard --save-dev

> npm install chalk --save

> npm install boxen --save

> npm install commander --save

Feito isso, agora copie o cdigo abaixo e coloque no arquivo card.js: (inclua os seus dados!!)

#!/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)))

Execute o comando abaixo para que possamos verificar a verso que possuem do npm:

> npm version major

Aps verificar qual a verso do npm que possuem, execute o comando abaixo:

> npm adduser

Enfim, vamos publicar o nosso pacote para o site do npmjs. Para isso, basta executar o seguinte comando abaixo:

> npm publish

E finalmente... execute o comando abaixo para visualizar o seu carto pessoal criado:

> 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!!!

Agradecimentos! 😃

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 ⭐⭐⭐

Links & Recursos Adicionais

Querem Propor Melhorias no Cdigo? Faam Pull Request!!!

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!!

Badges

Extracted from project README