loading...
Cover image for πŸŽ„πŸŽ DEV10 πŸŽπŸŽ„: A Christmas Gift for the Best Community on 🌍
Team XenoX

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

sarthology profile image Sarthak Sharma Updated on ・2 min read

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.

Posted on by:

sarthology profile

Sarthak Sharma

@sarthology

JavaScript NerdπŸ‘¨πŸ»β€πŸ’»| PhilosopherπŸ§˜πŸ»β€β™‚οΈ | Life HackerπŸ”§ | Health enthusiastπŸ‹πŸ»β€β™‚οΈ

Team XenoX

Come change the world with us. We aspire to be the biggest open-source initiative on the planet. Sponsored by Skynox Tech.

Discussion

markdown guide
 

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

 
 

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

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

Merry Christmas 😊

 

Does this by any chance work with Linux desktop environments like Gnome, Plasma, and cinnamon? And if not, would you be opposed to me writing a Vala implementation for Linux desktops?

 

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. 😊

 

Oh, that's wonderful. I had no idea electron could even be used for shortcuts on Linux. I was a bit disappointed with electron build support for Linux in the past (they only had appimage and Deb targets at that time, they may have changed it). Good to see Linux support has gotten better!

Let me know bro @sarthology If you are able to build it for Linux platform. 😊

Alright! Build worked fine with electron-packager. Had some issues with npm so I used yarn. If you'd like I can provide you with a tarball of the build so you can add it to the release, or you could use docker.

You are awesome man. Please send me the link for a tar file. 😊

I just submitted an issue on GitHub with the link. I'll put it here too.

Download

Thanks for your contribution man 😊

 

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?

 
 

Thanks, Ben. Glad you liked it. 😊

 

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

 

Let's see man πŸ€žπŸ˜€

 

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
 

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

 
 
 

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

 

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. πŸ‘πŸ‘Œ

 

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

 

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.

 
 
 

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

 

That’s why have to go for Electron. πŸ₯΄

 
 
 

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.

 
 

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

 
 

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

 

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

 
 
 

Yes, it was a fun trip. 😊

 

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.

 

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
 

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

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.

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.