So this week went in researching about how to make a frontend like Phi because its frontend code is not open-source. I learnt about react-dnd(drag n drop) library that helps to drag and drop objects/nfts into the BasePlate.

React DnD (Drag and Drop) is a library for React.js that provides a set of powerful tools for building complex drag and drop interfaces. It allows developers to create drag and drop functionality in their React applications with ease, without having to manage the low-level details of the drag and drop implementation themselves.

Also regarding the baseplate I took inspiration from a react chess game that helps to drag and drop different chess pieces or NFT assets in my case.

Phi has its contracts deployed on the Polygon Mumbai testnet as well so that was easy to build upon.

Also, Phi has GraphQL APIs using which we can use their assets and functionalities in our dapp.

This whole week went in building a frontend for Plants And Pillars using Phi assets, GraphQL and React DnD.