DEV Community

Cover image for Creating a business card for the terminal
Chris Bongers
Chris Bongers

Posted on • Originally published at

Creating a business card for the terminal

Recently I came across Scott Spences fantastic business card, and I can't believe I missed this trend a couple of years ago.

So I'm here to bring it back!
Business cards in the terminal, because who doesn't love using their terminal ­čśů.

The original idea, as far as I can tell, comes from bitandbang, and that's the one we'll be using and crediting for this article.

The result for today:

Terminal business card

Creating an NPM business card

We won't be creating the card from scratch as the heavy lifting is already done by bitandbang.

Head to the bitandbang repo and fork it!

Once you have your fork, clone it locally and open it up in your favorite editor.

Open up the build.js file as this contains all the magic we need.

Replace all the information with your own, and you can play with what elements you'd like to showcase.
You can add/remove lines as you go.

In the last line, you can see the rendering where you can specify a pre-defined or custom color for your card.

Once done, you can try it out locally by running the following command.

npm run dev
Enter fullscreen mode Exit fullscreen mode

This should show you how the output of the card will look.

Publish your card to NPM

Once you're done with the card and happy with how it looks, it's time to publish it to NPM.

But before we do, let's make sure we publish it under our domain.

Open up the package.json file and modify the following items:

  • name
  • version
  • description
  • bin (the first element)
  • repo
  • homepage
  • author

Once that's done, you can publish the package to the registry by executing the following command.

npm publish
Enter fullscreen mode Exit fullscreen mode

You can now open a new terminal and run your card command to see the output.

In my case, that's this command:

npx rebelchris
Enter fullscreen mode Exit fullscreen mode

Super cool!


Massive credit to bitandbang for the initial repo.

You can find my version on this GitHub link.

Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Top comments (3)

kaylumah profile image
Max Hamulyák

Looks good, but not sure everyone should be publishing these to npm public registry

dailydevtips1 profile image
Chris Bongers

With what regards?
Just because it pollutes the registry?

kaylumah profile image
Max Hamulyák

Yeah exactly