npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

npx-card-template

v0.0.1

Published

Terminal tool to create npx card templates.

Downloads

5

Readme

NPX Card Generator

Create an npx Business Card in seconds!

Inspiration 💡

npx Cards have been around for a long time, but all the tutorials out on the internet are outdated. Plus, do you really want to handle the headache of managing deprecated modules to make your card work? Or do you really want to rummage around on Stack Overflow trying to debug why things don't work? We just wanted to make it easy for beginner developers to build their npx cards in under a minute!

What it does 🧭

NPX Card Generator is a terminal tool that accepts input from the user with the details they want to have on their npx Card to generate a new file housing the code, that can be published using simple easy to follow steps.

How to use it? 🤔

We'll update the README on GitHub with instructions on how to use this!

How we built it 🔧

We built NPX Card Generator using Node.js from scratch within, hold your breath, 3 hours. It was a crazy idea with a crazier deadline but it works! Our dependencies include Chalk, Boxen, and Inquirer, which were used to create the template and the initial prompts!

Challenges we ran into 🏃‍♂️

  • We used 100% of our brain and crashed.
  • Adding the new output to a different file was a challenge.
  • We found out about the hackathon 3 hours before the deadline, so it was definitely a race against time.

Accomplishments that we're proud of 🏅

  • Honestly just finishing the project before the final submission.
  • Getting the output and code super fast!

What we learned 🧠

  • Using Inquirer to generate Terminal Prompts.
  • Dealing with Pure ESM Packages in general.

What's next for NPX Card Generator ⏭

We will continue to build the project even after the hackathon ends as the feedback we have received from our fellow developer friends is great! Would love to make it more customisable without making it complex!