DEV Community

Cover image for [Badge System 🏅] Project sections and technologies used
Carlos Córdova Sáenz
Carlos Córdova Sáenz

Posted on • Updated on

[Badge System 🏅] Project sections and technologies used

We at omegaUp built a badge system for the platform almost one year ago. In this set of tutorials, I'll describe how we did it so this could serve as a guide for you to build your own badge system on any of your platforms.

This post will cover the following topics:

So, let's start!

How was the project divided?

To reduce the complexity of the project, we divided it into three parts, which are:

  • Badges creation: how the new badges proposed by our contributors will be created, processed, and put into execution?
  • Badges assignation: how and when will the badges that correspond to each user be assigned?
  • Badges display: how are the badges going to be shown to users?

What are the technologies used on each part of the project?

Badges creation:

  • PHP (vanilla PHP)
  • Python (vanilla Python)
  • MySQL
  • JSON

Badges assignation:

  • Python (vanilla Python)
  • MySQL

Badges display:

  • Vue.js
  • TypeScript
  • PHP (vanilla PHP)

In the following posts in this series of tutorials, we will finally start with the technical part of implementing the badge system. Starting with Badges creation.

Until the next post! 👋

Top comments (0)