Users can register their identification (name and email) on the blockchain with the decentralised identity verification application, and then retrieve and validate this data.
Procedure for Registration: The user enters their identity: A form asking for the user's name and email address is displayed. Sending in the Registration Form: The "Register" button is clicked by the user. The user's name and email are included in a transaction that the programme prepares. Transferring Data to the Ethereum Blockchain: A smart contract is used to send the transaction to the Ethereum blockchain. The user's email address and name are stored on the blockchain by the smart contract. Confirmation of Transaction: The application notifies the user that their identity has been successfully registered after the transaction is validated on the blockchain. Getting and Validating User Information: Obtaining Information: The "Get User" button is clicked by the user. To obtain the user's registered data, the application issues a read request to the smart contract. Presenting Information: The blockchain provides the user's information to the program. The screen shows the user's name, email address, and verification status.
I want to dd that since this hackathon was colliding with my end-semester examinations and internship. I wasn't able to give my 100%, considering I am still a beginner in web3 and development. However, I have given my best shot.
Truffle: The smart contract is compiled, deployed, and interacted with using truffle. It offers a development environment that makes creating smart contracts easier.
MetaMask: MetaMask is a browser extension that lets users engage with Ethereum dApps right from their browser and acts as a wallet for Ethereum. Transactions are signed with MetaMask, which also grants the programme access to the user's Ethereum account.
Development of Frontend React: A well-liked JavaScript user interface library, React is used to create the application's front end. React is perfect for developing dApps since it enables developers to create dynamic and interactive user interfaces. React Hooks: In functional components, React Hooks are used to handle state. State is used to manage the data that is retrieved from the blockchain (user identification) and the input that the user provides (name and email).
HTML and CSS for User Interface Design: HTML is used to organise the application's content, while CSS is used to style the user interface. When combined, HTML and CSS make sure the programme is both aesthetically pleasing and user-friendly.