The Animal Project

Combining emergent Web3 technologies and a passion for animal conservation, we decided to make an NFT selling website in order to drive hype around saving endangered species.

Comment

Inspiration

We had a member of our team, Chase, who was super passionate about Web3 Technologies. Also, with the theme being nature, we really wanted to push some sort of message promoting the welfare of our environment. We decided to do our best to combine these two interests into something fun and exciting.

What it does

Our web application tries to raise both money and awareness for endangered species. To raise awareness, we designed a page that has images of species, an indication of their endangerment level, and the functionality to view their habitat on a map. We wanted to expand this further by adding games and other cool tidbits to increase interaction, however we did not have enough time to meet these goals.

In order to raise money, we designed a way for users to be able to purchase NFT's for their favorite endangered animal. We let users sign in with their crypto wallet, making the buying experience easy and fun. The theoretical proceeds would have gone to a wildlife foundation. We wanted to add features like avatars related to animals you sponsored and more critters in our NFT collection, but unfortunately those things cost money to implement, and we do not have much of that.

How we built it

We built this application using a wide variety of technologies. Some of those include GraphQL, Next.js, React.js, TailwindCSS, MaterialUI, Sanity, ThirdWeb, and MetaMask.

Challenges we ran into

We had a hard time getting the data for this application. We originally thought it would be easy, because we figured endangered species data would be something readily available. Turns out this was very much not the case. We had to reverse engineer an API by examining the network history and snooping the endpoint the websites used to get their data. This resulted in some patchwork data that we had to do a lot of data cleaning on to make functional. We also heavily suffered from having a teammate have to work for some of the time, which delayed our progress.

Accomplishments that we're proud of

What we learned

What's next for The Animal Project

Built With

  • graphql
  • materialui
  • metamask
  • next.js
  • react.js
  • sanity
  • tailwindcss
Share this project:

Updates