{"id":15633397,"url":"https://github.com/glaucia86/glaucia_lemos86","last_synced_at":"2025-04-14T10:06:45.840Z","repository":{"id":81360353,"uuid":"162659243","full_name":"glaucia86/glaucia_lemos86","owner":"glaucia86","description":"Desenvolvimento de um Cartão Pessoal via NPX ","archived":false,"fork":false,"pushed_at":"2021-04-05T00:56:04.000Z","size":68,"stargazers_count":156,"open_issues_count":0,"forks_count":19,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-14T10:06:38.957Z","etag":null,"topics":["javascript","nodejs","npm","npx","personal-card","tierney-cyren"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/glaucia86.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"glaucialemos","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2018-12-21T03:10:15.000Z","updated_at":"2025-01-31T00:08:54.000Z","dependencies_parsed_at":"2023-07-11T10:35:50.070Z","dependency_job_id":null,"html_url":"https://github.com/glaucia86/glaucia_lemos86","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fglaucia_lemos86","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fglaucia_lemos86/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fglaucia_lemos86/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fglaucia_lemos86/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glaucia86","download_url":"https://codeload.github.com/glaucia86/glaucia_lemos86/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248860272,"owners_count":21173342,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","nodejs","npm","npx","personal-card","tierney-cyren"],"created_at":"2024-10-03T10:49:01.426Z","updated_at":"2025-04-14T10:06:45.810Z","avatar_url":"https://github.com/glaucia86.png","language":"JavaScript","funding_links":["https://ko-fi.com/glaucialemos","https://ko-fi.com/I3I644UCW'"],"categories":[],"sub_categories":[],"readme":"![Build](https://img.shields.io/travis/glaucia86/glaucia86/master.svg)\n![GHTopLanguages](https://img.shields.io/github/languages/top/glaucia86/glaucia86.svg?colorB=gree)\n![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/glaucia86/glaucia86.svg)\n![RepoSize](https://img.shields.io/github/repo-size/glaucia86/glaucia86.svg?colorB=gree)\n![Downloads](https://img.shields.io/npm/dt/glaucia_lemos86.svg?style=popout-square)\n![Issues](https://img.shields.io/github/issues/glaucia86/glaucia86.svg)\n![PullRequests](https://img.shields.io/github/issues-pr/glaucia86/glaucia86.svg)\n[![HitCount](http://hits.dwyl.io/glaucia86/glaucia86.svg)](http://hits.dwyl.io/glaucia86/glaucia86)\n\n# Cartão Pessoal em NPX - Glaucia Lemos :floppy_disk:\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.postimg.cc/SKF1gYHV/Screen-Shot-06-04-19-at-01-19-PM.png\"/\u003e  \n\u003c/p\u003e\n\nDesenvolvimento de um package que simula um cartão pessoal. O exemplo desenvolvido aqui foi baseado \nno repositório do ilustre **[Tierney Cyren](https://twitter.com/bitandbang)**\n\nNo caso aqui, estou usando os meus dados para criar o meu Cartão Pessoal. O pacote, que nesse caso é o meu cartão pessoal, encontra-se disponível no site do **npmjs** pelo link: \n\n- Cartão Pessoal Glaucia Lemos: **[glaucia_lemos86](https://www.npmjs.com/package/glaucia_lemos86)**\n\nPara instalar o package do meu cartão pessoal, bastam executar o seguinte comando abaixo:\n\n```\n\u003e npm install glaucia_lemos86\n\n```\n\n## ☕ Apoie e Ajude esse Projeto! \n\nSe você curte ou curtiu os vídeos feitos desse curso e deseja apoiar com um valor de um Cafezinho Brasileiro, então sinta-se à vontade em fazer o seu donation no botão abaixo:\n\n\u003ca href='https://ko-fi.com/I3I644UCW' target='_blank'\u003e\u003cimg height='36' style='border:0px;height:36px;' src='https://cdn.ko-fi.com/cdn/kofi3.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' /\u003e\u003c/a\u003e\n\n## Recursos Utilizados: :fire:\n\n- **[Visual Studio Code](http://bit.ly/2KoflJH)**\n- Javascript\n- **[Node.Js](https://nodejs.org/en/)**\n- **[Npm](https://www.npmjs.com/)**\n- Uso dos pacotes:\n    - **[boxen](https://www.npmjs.com/package/boxen)**\n    - **[chalk](https://www.npmjs.com/package/chalk)**\n    - **[standard](https://www.npmjs.com/package/standard)**\n    - **[commander](https://www.npmjs.com/package/commander)**\n\n## Okay... Curti! Quero fazer o meu.. Como faço?! :rocket:\n\nBastam seguir os passos abaixo:\n\n1. Crie uma pasta do projeto de acordo com o seu nome do GitHub e siga os passos abaixo:\n\n```\n\u003e mkdir glaucia86\n\n\u003e cd glaucia86\n\n\u003e npm init \n\n\u003e mkdir bin\n\n\u003e touch card.js\n```\n\n2. Após criar a estrutura do projeto, execute os seguintes comandos para incluir os seguintes pacotes no arquivo **package.json**:\n\n```\n\u003e npm install standard --save-dev\n```\n\n```\n\u003e npm install chalk --save\n```\n\n```\n\u003e npm install boxen --save\n```\n\n```\n\u003e npm install commander --save\n```\n\n3. Feito isso, agora copie o código abaixo e coloque no arquivo **card.js**: (inclua os seus dados!!)\n\n```js\n#!/usr/bin/env node\n// Usado para dizer ao Node.js que se trata de uma ferramenta do CLI\n\n// Declarando os módulos:\nconst chalk = require('chalk')\nconst boxen = require('boxen')\n\n// Definindo as opções para o ‘boxen’:\nconst options = {\n  padding: 1,\n  margin: 1,\n  borderStyle: 'round'\n}\n\n// Inclusão do Text e mais as definições do ‘chalk’:\nconst data = {\n  name: chalk.white('Glaucia Lemos /'),\n  handle: chalk.cyan('glaucia_lemos86'),\n  work: chalk.white('Regional Cloud Developer at Microsoft'),\n  twitter: chalk.cyan('https://twitter.com/glaucia_lemos86'),\n  github: chalk.cyan('https://github.com/glaucia86'),\n  linkedin: chalk.cyan('https://www.linkedin.com/in/glaucialemos/'),\n  medium: chalk.cyan('https://medium.com/@glaucia86'),\n  web: chalk.cyan('https://code4coders.wordpress.com/'),\n  npx: chalk.white('npx glaucia_lemos86'),\n  labelWork: chalk.white.bold('      Work:'),\n  labelTwitter: chalk.white.bold('   Twitter:'),\n  labelGitHub: chalk.white.bold('    GitHub:'),\n  labelLinkedIn: chalk.white.bold('  LinkedIn:'),\n  labelMedium: chalk.white.bold('    Medium:')\n  labelWeb: chalk.white.bold('       Web:'),\n  labelCard: chalk.white.bold('      Card:')\n}\n\n// Aqui será a saída do nosso Cartão Pessoal em NPX:\nconst newline = '\\n'\nconst heading = `${data.name} ${data.handle}`\nconst working = `${data.labelWork}  ${data.work}`\nconst twittering = `${data.labelTwitter}  ${data.twitter}`\nconst githubing = `${data.labelGitHub}  ${data.github}`\nconst linkedining = `${data.labelLinkedIn}  ${data.linkedin}`\nconst mediuming = `${data.labelMedium}  ${data.medium}`\nconst webing = `${data.labelWeb}  ${data.web}`\nconst carding = `${data.labelCard}  ${data.npx}`\n\n// Aqui devemos colocar toda a nossa saída numa única variável para que possamos usar \n// o ‘boxen de maneira efetiva: \nconst output = heading + newline + newline + working + newline + twittering + newline + githubing + newline + linkedining + newline + mediuming + newline + webing + newline + newline + carding\n\nconsole.log(chalk.green(boxen(output, options)))\n```\n\n4. Execute o comando abaixo para que possamos verificar a versão que possuem do **npm**:\n\n```\n\u003e npm version major\n```\n\n5. Após verificar qual a versão do **npm** que possuem, execute o comando abaixo:\n\n```\n\u003e npm adduser\n```\n\n6. Enfim, vamos publicar o nosso pacote para o site do npmjs. Para isso, basta executar o seguinte comando abaixo:\n\n```\n\u003e npm publish\n```\n\n7. E finalmente... execute o comando abaixo para visualizar o seu cartão pessoal criado:\n\n```\n\u003e npx glaucia_lemos86 \n```\n\nE vòilá! Aparecerá o seu Cartão Pessoal!! :heart_eyes:\n\n[![Screen-Shot-06-04-19-at-01-19-PM.png](https://i.postimg.cc/SKF1gYHV/Screen-Shot-06-04-19-at-01-19-PM.png)](https://postimg.cc/Mn5YTH6j)\n\nA versão da foto foi aprimorada. Aqui no **README.md** só estou explicando como\ndesenvolver de uma maneira mais simples. Fiquem à vontade para alterarem o cartão pessoal de vocês!!! 😉\n\n## Agradecimentos! :smiley:\n\nConforme mencionado acima, esse projeto foi baseado pelo repositório do **[Tierney Cyren](@bitandbang)**. \nSo, I would like to say thank you @bitandbang for your contribution in this awesome project! **[NPX Card Profile](https://github.com/bnb/bitandbang)** :star::star::star:\n\n## Links \u0026 Recursos Adicionais 🌟\n\n- **[Tutorial de Node.js no Visual Studio Code](http://bit.ly/2QJx92U)**\n- **[Depurando app Node.js no Visual Studio Code](http://bit.ly/2QJoZYf)**\n- **[Deploy de site Estático no Azure](http://bit.ly/2QJRkOe)**\n- **[Azure para desenvolvedores de JavaScript e Node.js](http://bit.ly/2KseHuD)**\n- **[E-Book Grátis: Criando Aplicativos Nativos de Nuvem com Node.js \u0026 Azure](http://bit.ly/2JVlf5y)**\n- **[E-Book Grátis: Learning Node.js Development](http://bit.ly/2QST8Vr)**\n\n## Querem Propor Melhorias no Código? Façam Pull Request!!! \n\nCaso queiram que eu implemente algo no código, abram uma **[ISSUE](https://github.com/glaucia86/glaucia86/issues)** nesse repositório. Assim, todos poderão colaborar para o melhor desenvolvimento desse projeto. E sintam-se à vontade em fazer Pull Requests!! ❤️ ❤️ ❤️\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fglaucia_lemos86","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglaucia86%2Fglaucia_lemos86","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fglaucia_lemos86/lists"}