DEV Community

Cover image for ๐ŸŽ„๐ŸŽ DEV10 ๐ŸŽ๐ŸŽ„: A Christmas Gift for the Best Community on ๐ŸŒ
Sarthak Sharma for XenoX

Posted on • Updated on

๐ŸŽ„๐ŸŽ DEV10 ๐ŸŽ๐ŸŽ„: A Christmas Gift for the Best Community on ๐ŸŒ

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.

Discussion (52)

Collapse
somedood profile image
Basti Ortiz

Yo, this is pretty dang cool! The fact that you did it in only 5 days makes it even more impressive.

Collapse
sarthology profile image
Sarthak Sharma Author

Thanks, man !! ๐Ÿ˜Š

Collapse
somedood profile image
Basti Ortiz

I'll try to help out in refactoring the code if I find the time. Holidays are pretty hectic, you know?

Thread Thread
sarthology profile image
Sarthak Sharma Author

I know man. I hope you liked your present though. ๐Ÿ˜ƒ

Merry Christmas ๐Ÿ˜Š

Thread Thread
somedood profile image
Basti Ortiz

Happy merry to you, too! ๐ŸŽ„

Collapse
ben profile image
Ben Halpern

This is sooo cool!

Collapse
sarthology profile image
Sarthak Sharma Author

Thanks, Ben. Glad you liked it. ๐Ÿ˜Š

Collapse
iankurbiswas profile image
Ankur Biswas

Told you it's a super cool idea ๐Ÿ˜‰๐Ÿ‘

Collapse
sarthology profile image
Sarthak Sharma Author

Let's see man ๐Ÿคž๐Ÿ˜€

Collapse
thorstenhirsch profile image
Thorsten Hirsch

Good job, looks pretty cool. I like how you've used pigs all over the place. And you seem to be a funny guy with a strange sense of humour: ๐Ÿ˜Š

...the scope of the app was not big enough to demand a framework. Other than that I have used:

  • Electron
Collapse
sarthology profile image
Sarthak Sharma Author

haha, You got me there. I mean framework like Angular or Reacts.

Collapse
sarthology profile image
Sarthak Sharma Author

It does work. I didn't get enough time to make a build for Linux. But you can check this post. Also feel free to make a Linux version if you want and let me know if I can help in any way. ๐Ÿ˜Š

Collapse
moopet profile image
Ben Sinclair

The "Linux" version is nearly a quarter of a gigabyte and doesn't seem to do anything - I'm not sure what is supposed to happen when I run it?

sarthology profile image
Sarthak Sharma Author

Let me know bro @sarthology If you are able to build it for Linux platform. ๐Ÿ˜Š

Collapse
emmabostian profile image
Emma Bostian โœจ

Hey thatโ€™s me! I got pigs!

Collapse
sarthology profile image
Sarthak Sharma Author

haha, Yeah you got screaming pigs. ๐Ÿ˜ƒ

Collapse
gauravmehla profile image
Gaurav Mehla

Cool !!

Collapse
sarthology profile image
Sarthak Sharma Author

๐Ÿ˜

Collapse
mkenzo_8 profile image
mkenzo8

Very cool! The 134mb are worth it! :)

Collapse
mrbenj profile image
Ben Junya

I'm downloading this not for the content, but for the rainbow unicorn pig that is also farting out a rainbow used as your loading spinner.

Collapse
sarthology profile image
Sarthak Sharma Author

Haha, Piggy Rocks ๐Ÿท

Collapse
mak12776 profile image
Mohammad Amin Khakzadan

Hi

No, its not the best community on the ..., its one of the best communities on somewhere.

I actually dislike js, electron, and all other cool stuffs in JavaScript, but great app. Hope to get better and bigger. ๐Ÿ‘๐Ÿ‘Œ

Collapse
alyson profile image
aly quey

great :)

Collapse
sarthology profile image
Sarthak Sharma Author

๐Ÿ˜Š

Collapse
ryuheechul profile image
Heechul Ryu

Very cool!

sarthology profile image
Sarthak Sharma Author

Thanks for your contribution man ๐Ÿ˜Š

Collapse
forstmeier profile image
John Forstmeier

Supporting all platforms out of the box?! You sly dog.

Collapse
sarthology profile image
Sarthak Sharma Author

Thatโ€™s why have to go for Electron. ๐Ÿฅด

Collapse
_juliettech profile image
juliette_chevalier

That's pretty cool! Thanks :)

Collapse
sarthology profile image
Sarthak Sharma Author

If you liked it and you are into productive stuff too, try this.

sarthology / ResolutionBoard

๐Ÿ“… A template that helps you achieve your resolutions every year

This is The Resolution Board, a template created to help you achieve your New Year Resolutions and these are my new year resolutions.

Resolution 1 ๐Ÿ“š

This year my my resolution is that I will read at least 12 books.

Resolution 2 ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

This year my resolution is that I will work on 12 open source projects

Resolution 3 โœˆ๏ธ

This year my resolution is that I will travel aboard.

Resolution 4 ๐Ÿ’ช๐Ÿผ

This year I will maintain my body weight to 65-67kg (current)

  • Jan 2019 - 67kg

Resolution 5 ๐Ÿค

This year my resolution is that I will publish at least 30 articles.

Collapse
sergiomeneses profile image
Sergio Meneses

OMG this is so awesome, thanks for the hard work bro!

Collapse
sarthology profile image
Sarthak Sharma Author

Thanks Sergio ๐Ÿ˜Š

Collapse
maestromac profile image
Mac Siri

This is super awesome!

Collapse
sarthology profile image
Sarthak Sharma Author

๐Ÿ˜Š๐Ÿท๐Ÿ˜Š

sarthology profile image
Sarthak Sharma Author

You are awesome man. Please send me the link for a tar file. ๐Ÿ˜Š

Collapse
biros profile image
Boris Jamot โœŠ /

It's fucking great!
But what's a menubar app?
Is it a kind of app for Mac users?

Collapse
sarthology profile image
Sarthak Sharma Author • Edited

It's a cross platform app.Check this out.

Collapse
chiangs profile image
Stephen E. Chiang

Cool!

Collapse
sarthology profile image
Sarthak Sharma Author

๐Ÿ˜Š

Collapse
amit_merchant profile image
Amit Merchant

I would prefer RSS over this.

Collapse
sarthology profile image
Sarthak Sharma Author

Yes, it was a fun trip. ๐Ÿ˜Š

Collapse
defman profile image
Sergey Kislyakov ๐Ÿ‡ท๐Ÿ‡บ ๐Ÿ‡บ๐Ÿ‡ธ • Edited

Looks cool but... Electron for a macOS widget? I understand that people use Electron to create cross platform apps without learning C++ (Qt, though there are bindings) or Java (JavaFX in particular) or something else, but imo using it for a macOS-only toolbar widget is an overkill.

Collapse
sarthology profile image
Sarthak Sharma Author

It's a kind of trend man.๐Ÿ˜Š
Also, This app can work cross-platform. There are many other cool menubar apps that you can find in the following list. I got my inspiration from here only.

sindresorhus / awesome-electron

Useful resources for creating apps with Electron

Awesome Electron Awesome

Useful resources for creating apps with Electron

You might also like awesome-nodejs.

Contents

Apps

Made with Electron.

Open Source

Featured
Other
Collapse
defman profile image
Sergey Kislyakov ๐Ÿ‡ท๐Ÿ‡บ ๐Ÿ‡บ๐Ÿ‡ธ

I didn't see the Windows release, sorry. Yet I'm still with my opinion about 60/130MB for a toolbar pop-up.

Thread Thread
sarthology profile image
Sarthak Sharma Author

I agree with you man. It's just an experiment. I had only 5 days to complete it. That's why I choose Electron, as Javascript in my stack. Hope, This can inspire someone to create a native app. ๐Ÿ˜Š

Also, here is Window's release.

Thread Thread
ben profile image
Ben Halpern

I think it would be pretty cool to treat this as a canary in the coal mine for the โ€œofficialโ€ DEV toolbar built natively and minimally.