Badges Website

A website builded in NextJS and MUI with badge/certificate emission and quiz system and available in https://certificados.eia.ai/

One of my first websites

• Contains the administrative part
• Quiz system to adquire badges
• Unique profile page
• Badge certification page that can be shared via social media
• Mobile adaptation
• User badge administrative part that can also include external certificates/badges into the profile page

The back-end part is private

Main User Related Features

Login

Also contains the option to create a new account and recover password

Badges page

This is the page where the user can manage its badges, copy a link to share it and also visit the badge certificate emission page

In this page the user can also include an external badge or certificate to show into his profile

User edit page

In this page the user can edit it's info like name, linkedin page, photo and profile url page

User profile view

Here the user can access his unique profile URL where all his info like biography, contact info and badges appear.

This page can be shared with any one, like here https://certificados.eia.ai/perfil?key=victorthompson

Badge certificate page

This pages prove that a user have this badge, with his name, link to personal page and much more.

This page can also be shared via social media.

Social media share

Example of shared badge preview in linkedin https://certificados.eia.ai/certificado?code=victorthompson4

Adquire a badge via quiz

And the questions part

Mobile adaptations

All the user part are adapted to mobile

Main Administrative Related Features

Admin page

In this part its possible to manage all data from the website

Example of badge admin page

Badges manage page

Editing badge information

Example of editing a badge