Project developed: Next JS, JavaScript, Bootstrap, Solidity, Web3 JS, and more

Blockchain Project: My first experience with web 3.0

LINK SHIELD

In this article, I will talk about the LINK SHIELD Project on Blockchain, which is the subject of this post. I built the frontend with Next JS 15, but with simple JavaScript, without Typescript, as this is my first complete web 3.0 project, and the styles were done with Bootstrap. The Smart Contract was developed in Solidity 0.8.30, and for the connection to the wallet, I used the Web3 library and the Object hash library to generate the hashes.

My first experience with Blockchain on Web 3.0

In my first experience with Web 3.0 and other languages, I didn’t have much difficulty because I am familiar with the entire JavaScript stack: NODE JS | React | React Native. I just found some details of Solidity different, which I will comment on later in this post. But to create the dApp, I used Next, which I had already practiced before to train on some personal projects, as I currently work full-time with React Native. Just look at my Github, my countless projects, and also some with Flutter.

The project was developed

Frontend with Next JS 15, but with simple JavaScript, without Typescript, as it is my first complete Web 3.0 project, and the styles were done with Bootstrap. The Smart Contract was developed in Solidity 0.8.30 and, for the connection to the wallet, I used the Web3.js library and the Objecthash library to generate the hash.

Donation

Coffee to stay awake, thank you very much for your contribution to keeping our website online.

Credit: Humbertoromanojr

Libraries

• Next
• Bootstrap
• Object hash
• Web3

Developments in programming for Web 3.0

In this post, I will talk more about the latest developments in programming for Web 3.0, and what I felt was most different about the libraries used in the project. I will briefly comment on: Web3, Object hash, and Solidity. These are libraries I used for the first time, and it makes sense to comment on them further here and in future posts. A more detailed explanation would be better so that this post does not become too long.

Object hash

It was used in this project, but I will add some material on the importance of hashes for blockchain.

Understanding hashing in blockchain

Hashing in blockchain involves transforming input data into a fixed-size output using a specific algorithm. It establishes data integrity and prevents fraudulent transactions. At the heart of this process are hash functions, which create unique fingerprints for the data. The output, known as the hash value, is unique to the input data; even if the input data is slightly altered, the hash value will be drastically different. This property of hash functions makes them an indispensable component of various data structures, including blockchain technology, where each block contains the hash of the previous block.

Different hashing algorithms, such as SHA-256 for Bitcoin and Scrypt for Litecoin, are available, each with unique properties and applications. A good hash function is essential for maintaining the security and integrity of the blockchain, as it ensures that unique hashes are generated for different inputs, guaranteeing the authenticity of transactions and preventing tampering.

Solidity

Solidity is a high-level object-oriented language for implementing smart contracts. Smart contracts are programs that control the behavior of accounts within the Ethereum state.

Solidity is a key language designed for the Ethereum Virtual Machine (EVM). It is influenced by C++, Python, and JavaScript. You can find more details about the languages that inspired Solidity in the section on language influences.

Solidity is statically typed, supports inheritance, libraries, and complex user-defined types, among other features.

With Solidity, you can create contracts for uses such as voting, crowdfunding, blind auctions, and multi-signature wallets.

Demonstration

https://github.com/humbertoromanojr/web3-linkShield

Donation

Coffee to stay awake, thank you very much for your contribution to keeping our website online.

Credit: Humbertoromanojr

Conclusion

Dear readers, what I discuss in this article is based on my experience and my background in programming. This will depend on each person’s individual circumstances. In my case, the career transition will be quite smooth. I have to learn the new languages and tools that Web 3.0 has on the market. This is my starting point for many things to come. Now it’s time to code and gain experience in the field.

For more information, just click on the links below.

Sources

• luiztools.com.br
• https://github.com/web3/web3.js
• https://docs.web3js.org
• https://cryptozombies.io/pt/lesson/6/chapter/1
• https://github.com/puleos/object-hash
• https://learn.bybit.com/pt-PT/blockchain/what-is-hashing-in-blockchain
• https://docs.soliditylang.org/en/v0.8.30

Author comments

I am currently fully dedicated to studying and training to become a Blockchain Programmer. This is one of the projects I am developing during the course, and I decided to share it here with you. I created this website with the goal of improving my studies, focusing even more on the Blockchain area, as well as keeping up with articles and news on the topic and expanding my professional network.

Although the main focus of the site is Blockchain, I needed to implement some monetization strategies to cover maintenance costs. However, I am concerned with offering a clean and pleasant experience: the ads have been configured to appear only on the sides of the pages, without interfering with reading. Thus, visitors can access quality content without distractions and with an organized layout.

HJunior

I am HJunior, SEO Writer, Copywriter, and enthusiastic and passionate about technology, future blockchain programmer.
Facebook
Twitter
LinkedIn
Instagram
Youtube
Edit Template