ThirdStats — Beautifully Visualized Email Account Stats
Tags: showdev, hacktoberfest, vue, javascript
Published: 2020-09-29 14:22:50

In the first post of this series I told you the background story why I built a tool that's able to show some email analytics in the Mozilla Thunderbird email client. After using this tool for a year now, I've determined three major issues:

❌ It depends on the mail storage engine
❌ The stats creation process is a little too complex
❌ The stats page cannot be accessed directly from Thunderbird

## What I did

To address all of these issues, I decided to create [a native Thunderbird add-on](https://addons.thunderbird.net/en-US/thunderbird/addon/thirdstats/) with the same functionality. Well, I never built a Thunderbird add-on before, so I took a look into the Thunderbird documentation. It turned out, that thanks to [Thunderbirds WebExtension APIs](https://thunderbird-webextensions.readthedocs.io/en/latest/index.html), I was able to reuse nearly all of my Vue.js code - nice! I spent a weekend of porting my code and creating **ThirdStats**:

{% github devmount/third-stats %}

![thirdstats screenshot](https://user-images.githubusercontent.com/5441654/93931445-14066b80-fd1f-11ea-8fe7-bde8674b26f4.png)
<figcaption>A screenshot showing ThirdStats on the Thunderbird default dark theme on Windows</figcaption>

## What you can do

This is actually the first Thunderbird 78+ add-on providing visual statistics of email accounts (at least I wasn't able to find something similar in the repository)! So if you are interested in contributing to the large community of Thunderbird users - you are very welcome to do so! I've prepared the GitHub repository so it's ripe and ready for harvest in this year's Hacktoberfest.

### Add translations

If you're new to contributing to OSS and you want to get to know the process of creating Pull Requests first, you can just add a translation of the add-on in your native language. **This is as simple as adding a single JSON file.** I explained everything in the [Contribution Guidelines](https://github.com/devmount/third-stats/blob/master/.github/CONTRIBUTING.md) and prepared [some example issues](https://github.com/devmount/third-stats/issues?q=is%3Aopen+is%3Aissue+no%3Aassignee+translation).

### Improve the UI

If you're already familiar with Vue.js app development and you have some experience in building user interfaces, you can help improving ThirdStats UI. I've prepared some example issues for this topic too (e.g. [#8](https://github.com/devmount/third-stats/issues/8), [#9](https://github.com/devmount/third-stats/issues/9), [#10](https://github.com/devmount/third-stats/issues/10)). Please discuss your ideas or possible changes in the corresponding issue first before investing a lot of time for a pull request that won't get merged for some reason.

### Add charts

And for those of you who are looking for the real challenge, I prepared some feature requests ([#11](https://github.com/devmount/third-stats/issues/11), [#12](https://github.com/devmount/third-stats/issues/12)) to implement additional charts and analytics to make this add-on even more complete. What numbers are you interested in about your mail account?

Again: Please discuss your ideas in a corresponding issue **first** before investing a lot of time for a pull request that won't get merged for some reason.

## Wrap it up

So I made my first steps contributing to the (in my opinion) best open source email client out there by creating an add-on to expand its functionality. Do you use Thunderbird? Would you use this add-on? What is missing in your opinion? Let's discuss here in the comments or [directly on GitHub](https://github.com/devmount/third-stats/issues/new/choose)!

## Links

- Download and Install: https://addons.thunderbird.net/en-US/thunderbird/addon/thirdstats/
- Discuss and Contribute: https://github.com/devmount/third-stats

---

*Edited: 30th of September 2020 (added repository links)*
*Published: 29th of September 2020*