Planet Giant - Web App (Dashboard & Marketplace)

Cronos & Moralis Hackathon - 09/2022

Note

This webapp has been built with the game Planet-Giant for the Cronos & Moralis Hackathon - August-September 2022.

The entire project is divided in 3 parts. Here are the links to all the different github repos:

• Unity Game: https://github.com/shamrockstudios/Planet-Giant_Game
• React Webapp: https://github.com/shamrockstudios/Planet-Giant_Webapp
• Backend contracts: https://github.com/shamrockstudios/Planet-Giant_Contracts

Description

This Dapp is divided into:

• Dashboard: all any player to quiclly see their amounts of CRO token as well as all the NFTs that they own. From there, it is also easy to transfer an NFT or to put an NFT on sale on the Marketplace.
• Marketplace: Allow any user to buy NFT in order to gain perks and boost in the Planet-Giant Game. The NFT won in-game can also be sold here.

Try it yourself: https://main.d2c47nkbs6wp2h.amplifyapp.com/

Built With

• 
• 
• 
• 
• 
• 
• 

Installation

Make sure you have the following ready:

• node.js installed (developped on LTS v16.16.0)
• typescript installed (developped on v4.7.4)
• yarn installed
• MetaMask (or any web3 compatible wallet) installed in your browser

Once your config is ready, create a new repo, open your favorite code editor, and clone the repo with the following cmd:

git clone https://github.com/shamrockstudios/Planet-Giant_Webapp.git .

Install all package dependancies by running:

yarn install

start the web3-boilerplate:

yarn start

Features:

• Dashboard with tokens / NFTs
• Marketplace main features
• Filter options in the marketplace
• Admin panel to easily mint tokens / interact with contrats

A BIG THANKS TO MORALIS, CRONOS AND THEIR RESPECTIVE TEAMS !!!

⭐️ ...and don't forget to leave a star if you like it! ⭐️

(back to top)