-
React-Solidity-Typescript-Starter
Starter template for your next dApp project. A monorepo with Solidity & React & Typescript
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
I will use this starter template for this tutorial, you can get it here: https://github.com/XamHans/React-Solidity-Typescript-Starter The finished project can be found here: https://github.com/XamHans/image-contest
Have a look at the GitHup Repository https://github.com/XamHans/image-contest in the services folder to gain more insights about the the IPFSUploadHandler and the Pinata API function call. If you need more infos about IPFS check my slides about IPFS https://drive.google.com/drive/folders/11qKP4BydqOytD5ZCn7W9pMSi1XiU5hj7?usp=sharing
OpenZeppelin Contracts helps you minimize risk by using battle-tested libraries of smart contracts for Ethereum and other blockchains, learn more here: https://openzeppelin.com/contracts/
We need a form with an input for the candidates name and a input for the candidates image. I have used mui for the frontend part but feel free to rewrite to your needs
Related posts
-
Fork mainnet using hardhat to test and build on DeFi protocols and more
-
Generating Decentralized identifier using ERC725 and ERC735
-
“Every company will have an nft strategy” - Gary Vee Gary V explains why every company will implement in nft strategy in the next decade. Not every nft will be the next big then but they will still be very useful because the technology is so great. Do you agree with Gary?
-
Implementing a Token Contract using Solidity
-
Question about implementing a UUPS proxy