Add more Special Badges

[txrp0x9]

What you will need to know

• Art Design, JSON and some understanding of how the current badge assignment system works.
• HTML, CSS and JS.

Add more Special Badges

As of now, Codebadge has 2 types of badges that can be assigned to a user. A predefined badge and special badge.
A special badge is assigned to an exclusive contributor/group of contributors., it depicts some special achievement they've made in their respective organization.. Examples of special badges are "Top Contributor", "Top Contributor this Week", "Top Contributor this Month", "Top Contributor of this Year", and so on.

Following #33 we can now add badges to CodeBadge. Currently we only have 4 special badges.
This task would require you add more special badges.

Requirements

• A brief idea of JSON and how Codebadge assigns predefined badges.
• Experience with JS.

Steps to Follow

• Claim this issue: Comment below. If someone else has claimed it, ask if they've opened a pull request already and if they're stuck -- maybe you can help them solve a problem or move it along!
• Install CodeBadge on your system go through readme.md in development branch for this purpose.
• Checkout to a different feature branch in git and add your edits.
  Make sure to commit your work daily and create a single PR for all your commits, per feature.

Acceptance Criteria

Code is short, clean and properly indented.
The Best practices should be used in case of multiple approaches, mentors are always there to help you for this 👍

Rejection Criteria

Not following/Violating Code of Conduct can lead to rejection.
Coding etiquettes must be taken care of, for eg, always committing code in a different feature branch, same PR is edited in case of re-iteration of code, etc.

Expected Outcome

Atleast one functional and useful special badge added.

How to excel fast in the community?

Share the issues you encounter along the way and help others solve theirs.
Chime in below in a comment to cooperate with others who are also working on this task.
Report back at the above issue once you succeed, to encourage others and share what worked for you!

Resources & References (Where to Start)

Head over to badges.json and specialBadges.js and see how the special badges are defined.

Extras

Just follow the readme whenever you are stuck . Visit Codeuino's Website in case of any doubts.