[BADGE.AR] Create NFTs from your Achievements
Tags: appwritehack, web3, cardano, blockchain
Published: 2022-05-12 04:57:43

## Badge.ar

> Create NFTs from your Achievements.

## Overview

BadgeAr is a place where you can transform your awards, trophies, and badges into a digital token (NFT).

When we say "achievements" we mean that you can connect your accounts and create NFTs from awards given to you by that community or provider. For example, you can add you Steam account and create a NFT from your Steam achievements. In other words, you can mint NFTs from your gaming sessions.

For this MVP, the only available provider is Steam, but we plan to add other kind of providers in the future. This could open the possibility to create NFTs from your achievements in other platforms / activities.

In order to achieve this, we use appwirte as a backend to manage
the interaction between our frontend and our nodes connected to the cardano blockchain.

What inspired us to do this was the idea of having **a decentralized place to store our achievements, badges, awards** from different platforms and to make these achievements be more than just a badge within the platforms where we get them.

### Submission Category: 
Web3 Wunderkinds

### Link to Code
[Github](https://github.com/badgedotar/badgedotar)

{% embed https://github.com/badgedotar/badgedotar %}

### Link to Live Demo
[WebApp](https://badge.ar)

### Team

- @catrielmuller
- @gabmetal
- @matiasgf
- @mrphoenix999

#### Catriel Müller

<img src="https://avatars.githubusercontent.com/u/2272323?v=4" width="80"/>

[Dev.to](https://dev.to/catrielmuller)
[GitHub](https://github.com/catrielmuller)

#### Gabriel Cavallo
<img src="https://avatars.githubusercontent.com/u/12603303?v=4" width="80"/>

[Dev.to](https://dev.to/gabmetal)
[GitHub](https://github.com/gabmetal)

#### Matias González Fernández
<img src="https://avatars.githubusercontent.com/u/29680544?v=4" width="80"/>

[Dev.to](https://dev.to/matiasgf)
[GitHub](https://github.com/matiasngf)

#### Fernando Nieva
<img src="https://avatars.githubusercontent.com/u/36790887?v=4" width="80"/>

[Dev.to](https://dev.to/mrphoenix999)
[GitHub](https://github.com/mrphoenix999)

### Additional Resources / Info

#### Tech Stack
- [Appwrite](https://appwrite.io/)
- [Docker](https://www.docker.com/)
- [Cardano](https://cardano.org/)
- [React](https://reactjs.org/)
- [NextJs](https://nextjs.org/)
- [IPFS](https://ipfs.io/)

#### Providers
- [Vercel](https://vercel.com/)
- [Pinata](https://www.pinata.cloud/)
- [GitHub](https://github.com/)
- [Oracle](https://www.oracle.com/cloud/)

#### Demo Video
[Youtube](https://www.youtube.com/watch?v=uLtob5RJASY)

{% embed https://www.youtube.com/embed/uLtob5RJASY %}

#### Screenshots
<p align="center">
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/01.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/02.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/03.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/04.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/05.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/06.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/07.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/08.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/09.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/10.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/11.jpg" width="100%"/>
  <img src="https://raw.githubusercontent.com/badgedotar/badgedotar/main/assets/screenshots/12.jpg" width="100%"/>
</p>