🎄🎁 DEV10 🎁🎄: A Christmas Gift for the Best Community on 🌍
Tags: meta, opensource, javascript, productivity
Published: 2018-12-25 15:28:30

---
title: 🎄🎁 DEV10 🎁🎄: A Christmas Gift for the Best Community on 🌍
published: true
description: A simple menu bar application to check the top 10 posts on Dev.to
tags: meta, opensource, javascript, productivity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/is02t0o4kx2jy0fo5x9m.png
---

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](https://camo.githubusercontent.com/37e4afc3f15b1a9b45bbee53c4fb918bf8645b9b/68747470733a2f2f692e696d6775722e636f6d2f4b4536396f324a2e706e67)

## 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](https://thepracticaldev.s3.amazonaws.com/i/xijgkmhylohvwlsa9voz.gif)

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](https://thepracticaldev.s3.amazonaws.com/i/z9kjdiad27sctojoqseb.gif)

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.
![](https://thepracticaldev.s3.amazonaws.com/i/k21l10csyhucbfdrxi70.gif)

5. You can filter through saved posts by tags.
![](https://thepracticaldev.s3.amazonaws.com/i/9o9wyd3r721ws9tumw0e.gif) 

## 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:

+ [Handlebars](http://handlebarsjs.com)
+ [Electron](http://electronjs.org)

## Compatability 

This app is available on all platforms.

+ Download for [macOS](https://github.com/sarthology/Dev10/releases/download/v1.0.0/Dev-10-macOS-v1.0.0.zip)
+ Download for [Windows](https://github.com/sarthology/Dev10/releases/download/v1.0.0/Dev-10-windows-v1.0.0.zip) 
+ Download for [Linux](https://github.com/sarthology/Dev10/releases/download/v1.0.0/Dev10-Linux-v1.0.0.tar)

### Join the Party 🎊🎉 
![](https://media.giphy.com/media/xT0xenRSzIrrGpq3G8/giphy.gif)

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 sarthology/Dev10 %}

Thank you all for building this amazing community. Merry Christmas 🎅🏻 and Love you all ❤️.

**Update:** Excited for `2.0.0`? Join [this](https://gitter.im/TheDev10/community?utm_source=share-link&utm_medium=link&utm_campaign=share-link) Gitter group now to contribute.