πŸŽ„πŸŽ DEV10 πŸŽπŸŽ„: A Christmas Gift for the Best Community on 🌍

Sarthak Sharma - Dec 25 '18 - - Dev Community

Merry Christmas, all you lovely people.

5 days ago, I was sitting in a cafe with my teammate and we were discussing how cool Dev.to is, while I was writing an article about menubar apps. Then suddenly I asked him, "What if there was a menubar app for Dev.to?"

He said "Man! That would be super awesome!"

So I asked a few other developer friends about it and they agreed that it was a good idea. And that's how I decided that I would try my best to deliver this app within 5 days. As a Christmas present for the beautiful people of this community. πŸ€—

So here I am with Dev10 v1.0.0. Let me quickly walk you guys through the Key Features.
Dev10

Features

  1. You can see new top posts from Dev.to in your menubar, every time you open it. The list will contain top 10 posts, as the name suggests.
    dev10 top list

  2. Browse through the top 100 tags of Dev.to and see the top posts from a tag by clicking on it.
    Dev 10 top tags

  3. You can click a post to open it in the browser.

  4. Or save the post in the Piggy list 🐷. It's like saving a post; the only difference is the next time you see that post in the top list, you will see a shouting piggy there, trying to convince you to read itπŸ˜ƒ. You can also remove the post from your piggy list by clicking the same piggy icon.

  5. You can filter through saved posts by tags.

Stack

For this project, I gave myself the challenge to use Vanilla Javascript only. It's not like I hate frameworks or something, but the scope of the app was not big enough to demand a framework. Other than that I have used:

Compatability

This app is available on all platforms.

Join the Party πŸŽŠπŸŽ‰

I invite you all to contribute to this project. It's not the best code I have written but it works. Feel free to report bugs, suggest features or even work on one in your own free time.

GitHub logo sarthology / Dev10

🐷 A nifty little app that shows you the top posts on Dev.to in your menubar.

Dev 10

A nifty little app that shows you the top posts on Dev.to in your menubar.

Download latest release

Feature

  1. Check the top posts from Dev.to right in your Menubar.

  1. Check the latest posts from top 100 tags on Dev.to.

  1. Save the posts in your Piggy List 🐷 to read later.

  1. Filter the saved posts using tags.

  1. New Dark Mode

Prerequisites

Before running this locally you must have these installed

  • Node
  • Electron

Installing

It's built in electron so the process to start this is really easy

  1. npm install
  2. npm install electron -g
  3. npm start

That's it, you will see it running in your menubar.

Contributing

Feel free to contribute to this project and treat it like your own. 😊

License

MIT License

Author

Sarthak Sharma

Acknowledgments

Thanks Dev.toπŸ‘©πŸ»β€πŸ’»πŸ‘¨πŸ»β€πŸ’», for being a massively inspiring platform.

Icons used from flaticon




Thank you all for building this amazing community. Merry Christmas πŸŽ…πŸ» and Love you all ❀️.

Update: Excited for 2.0.0? Join this Gitter group now to contribute.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player