Create your web visualization discord bots growth and statistics with ease

by Vue.js Examples

The problem

There is a plenty monitoring and observability service for cloud-scale application, such as StatsD, DataDog, Prometheus, and etc. Those services are great for monitoring, but require a lot of effort to posts every parts and setup properly, many people probably still confused how to extends their discord bots with those services. Apart from complexity, the services is running, means It will consume extra Memory than usual, especially DataDog.

The solution

There is a simple way to monitor your bot’s growth. This library allows you to check your bot’s growth statistics, no need posts any data, no need to extends or change your bot constructor, out of the box and less of pain.

Prerequisites

NOTE: Your bot must be listed on top.gg, because we will take advantage of top.gg to get the increments data, and You must Posting bot stats at least once per hour, there is a stats_hourly property in this module, otherwise null as it misleading.

That’s all! All you need just keep posting your bot stats, and you are good to go.

Getting started

  1. Read the prerequisites, make sure your bots is passed the test, and install: npm install / yarn install

  2. Fill the src/config.json with your bot’s id.

  3. Test the unit first by running npm run test:dry, You should get an object returns if passed, otherwise does not met the requirements, then run npm run serve

For development and testing

After the testing pass, you can run npm run serve to start the development server.

You can adjust anything with your own stuff apart from the default templates, and run npm run build

For production ready

The final steps is deploying the stuff, after you have tested the unit, You can using this template, and fill the src/config.json with your bot’s id and read the Vuejs deployment guide

Acknowledgements

I hope you have found this project useful. All the major credit really goes to the Topgg and Dblstatistics for actionable data, Vuejs and Vue-chartjs which allow this services to be used.

Legal

This tool can be freely copied, modified, altered, distributed without any attribution whatsoever. However, if you feel like this tool deserves an attribution, mention it. It won’t hurt anybody

GitHub

View Github