DEV Community

Discussion on: Online NPM downloads calculator

Collapse
 
peter profile image
Peter Kim Frank

Hey Sasa, I'm a big fan. Look forward to playing around more. A few quick thoughts:

  • Maybe have some of the additional options (Range v. Point // Time Period) default-selected. That will make it a little easier to try it out as a first-time user
  • The placeholder text is a little dark. I immediately just clicked "Go!" because I thought it was actually filled in for me. Making it lighter could help the user understand that it's just a placeholder.
  • Right now the graph is rendering a tiny bit weird because it's so wide. Setting a max-width on that div might help.
  • Can you add a "leaderboard" or just some suggested packages somewhere on the page? It might help people understand how to get going.

Great job!

Collapse
 
blackcat_dev profile image
Sasha Blagojevic • Edited

Wow thanks for suchy a lengthy response and your feedback!

There is a lot of place for improvement, I’m aware of it, I just quickly plastered it all together last night because I had a meeting due this morning and I was getting tired of manually adding up all those download figures lol. It’s work in progress!

I definitely agree with you on the placeholder and pre set default time. I’ll fix it up ASAP.

The chart was initially centered and a lot narrower, it looked a lot prettier too, but when you chose a long custom range all those dates got crammed together and it looked nasty, so I had to go with full width until I have time to properly style it.

If you inspect it you’ll actually see that I used inline CSS euuw, I just wanted to make it presentable in a timely manner xD

I’ll be adding RoR’s Turbolinks for a smoother experience and I had an idea of adding a notification system you could subscribe to, e.g. to get a mail when a cetain package hits a milestone that you chose, like monthly downloads :))