FVM Explore

Screenshots

Problem Statement

FVM-Explore was built for the purpose of improving the developer experience on the FVM Chains, For FVM to be used and adopted widely the developer experience has to improve, And FVM-Explore was built with the same goal. Not only does it improve the deployment, interaction and verification process but it also allows developers to build applications on top of FVM-Explore using the apis that it provides.FVM-Explore is divided into three different parts:Explore=> Allows developers to interact with their smart contracts in an easy manner by just pasting their contract address.Deploy=> Helps developers avoid the cumbersome process of creating a complete project to deploy a smart contract and it also takes care of the compilation process as well as making sure the users don't have to export private keys or write any scripts to deploy their smart contracts.Verify=> This feature helps developers to verify their already deployed smart contracts in one single click and speeds up the process of contract verification. The best thing about this feature is the fact that it also works with contracts that were not deployed with FVM-Explore.APIsfor developers to interact with FVM Explore directly -> /compile to compile the code -> /verify to verify the contract code -> /searchContract to get ContractData for the contract

Solution

The Frontend is built on top ofNextApplication with design built withHTML , Tailwind CSS , Chakra UIfor the best User Experience and Clean Interactive interface.TypeScript & Reactare used for building the core logic of the platform to enable a type safe and Smooth experience.SolcCompiler is being used for compiling the contract code in solidity .Ethers..jsis used to facilitate Contract deployment and Interaction with Blockchain.Wagmi + Rainbowkitto enable wallet Connection with *HyperSpace testnet * .The Contract data is stored onIPFSviaWeb3.storageservice. IPFS CIDs of the contracts are then stored in the Registery Contract Deployed on FVM HYPERSPACE TESTNET , which is also used for fetching the data later on.