Here I'd like to introduce a website developed by me and my friend in order to provide a better experience for Ethereum smart contracts developers and blockchain enthusiasts - . But first I'm going to explain the reasons lead to creating of this website. https://justsmartcontracts.dev/ Why did we need it? For the last two years, I've been closely working on a project based on the Ethereum blockchain. That job includes both developing smart contracts and performing various off-chain interactions. The process of developing a smart contract itself is pretty straightforward. Write code- - -repeat. However, the interaction with already deployed contract and the deployment procedure itself always seemed a kind of annoying (especially if you need to sign transactions on a secure machine). I felt lack of user-oriented services and didn't quite like those already existing. truffle compile truffle test cold Besides, I wanted to try front-end development myself, and Ethereum-oriented website seemed to be a perfect scenario for this. Initially, we planned to implement this set of features to be simple yet useful: Store ABI+address records in the browser. No mandatory registration or something like this. Quickly switch between networks: Mainnet/Ropsten/etc or your own localhost testnet. Just like good old MyEtherWallet. Group similar contract parts together: view functions that can be called without transaction, common functions that should be called via transaction, events. User-friendly search within contract events. User-friendly deploy interface. How to use JustSmartContracts For the demonstration, I'll use special test contract deployed on the Ropsten testnet. Its source code is available . This contract contains everything we need for tests and demonstrations: data, functions, functions, transaction functions, several events and constructor with parameters. It has no other real purpose except tests. here public view payable Deploy For now, JustSmartContracts uses only Metamask to sign transactions. Alternatively, you have an option to download any transaction and sign it using whatever you want. Let's first select tab ... Deploy ...and specify the byte-code and the ABI. You can copy/paste this information from the truffle build file or just drag-n-drop that file onto the page. After ABI is entered, we can specify constructor parameters Pressing button reveals the transaction interface. Then you only need to enter the address. You can do it manually or use the button that copies an address from your active Metamask account. the transaction and wait until it is confirmed. Generate From Metamask Sign Interact with contract Let's find deployed contract address using any blockchain explorer you like. Then we select the tab and .  Don't forget to keep current network set to Ropsten. Browser Add contract It is important to enter the correct network id. For Mainnet it is 1, for Ropsten it is 3, etc All the contract's data is split into four categories: 1. . This includes basic information like the contract's address and its Ether balance along with data variables and functions with no parameters. In other words, everything that can be queried without additional user input. Properties public view 2. . This includes functions with parameters. In other words, functions that can be called without sending a transaction but requiring additional user input. Calls view 3. . These are functions of contract that require executing the transaction. Let's look at the contract's method, for instance. Operations payable Pressing the button opens the same transaction interface we used earlier to deploy the contract. Only this time it is also populated with address (the contract) and Ether value to send. Generate To Let's and send the transaction and after it is confirmed we'll inspect the contract's events. Sign 4. . Obviously, all contract's events fall into this category. Let's find the one that reflects the operation we've just performed - . We can use a filter for an indexed parameter to narrow the search down. Events EtherPaid Other features JustSmartContracts uses the browser's local storage to store your contracts and custom network information. So, if you or your browser clears the storage, your contracts will be lost. Also, it is worth mentioning that JustSmartContracts is still in its early stage of development so some minor bugs could possibly occur. Conclusion We hope will show itself as a useful and convenient tool for Ethereum and Solidity developers. We also definitely can see room for improvements and new features and try to implement them soon. https://justsmartcontracts.dev

New web tool for interacting with Ethereum smart contracts

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Think Twice Before Using Enums in Solidity Smart Contracts

(1/100) Crypto Countdown: Golem

05/03/2018: Biggest Stories in the Cryptosphere

µRaiden: Micropayments for Ethereum

The Noonification: Have U Been Pwned? (1/12/2023)

0x (ZRX) Analysis : Decentralised Exchange Protocol On Ethereum

Think Twice Before Using Enums in Solidity Smart Contracts

(1/100) Crypto Countdown: Golem

05/03/2018: Biggest Stories in the Cryptosphere

µRaiden: Micropayments for Ethereum

The Noonification: Have U Been Pwned? (1/12/2023)

0x (ZRX) Analysis : Decentralised Exchange Protocol On Ethereum

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps