# Remix

Remix IDE, is a no-setup tool with a GUI for developing smart contracts. Used by experts and beginners alike, Remix will get you going in double time. Remix plays well with other tools, and allows for a simple deployment process to the chain of your choice. Remix is famous for our visual debugger.

* <https://remix.ethereum.org/>

## 1. Layout

Following images are the layout of Remix IDE.

* A : Icon Pannel to select plug-in for Side Pannel(B)
* B : Pannel to display plug-in. GUI of most plug-ins are displayed
* C : Main pannel. Able to edit files to compile
* D : A terminal section to see result or run script

<figure><img src="/files/X96bJCvLfDlqaxRHu0so" alt=""><figcaption><p>Remix Layout</p></figcaption></figure>

## 2. Modules&#x20;

Basic modules of Remix IDE are File Explorer, Plugin Manager and Editor

### File Explorer

File Explorer icon is at the top.

<figure><img src="/files/jqH2vwPw7lPYpFiID27T" alt=""><figcaption><p>File Explorer</p></figcaption></figure>

### Plugin Manager <a href="#plugin-manager" id="plugin-manager"></a>

Remix IDE is run based on the plugin. To use various features, module needs to be activated by plugin admin. Icon pannel's basic module is File Explorer, compile, deploy and run.

<figure><img src="/files/24P0RSWrno8N5vHIYdVj" alt=""><figcaption><p>Plugin Manager</p></figcaption></figure>

### Code Editor <a href="#code-editor" id="code-editor"></a>

In basic pannel, you can write/edit codes. If you are editing the original code, you need to compile again.

<figure><img src="/files/FkWCEzBe4OEddR35oH9r" alt=""><figcaption><p>Code Editor</p></figcaption></figure>

Create `MEVerseGreeter.sol` in directory with Code Editor

```solidity
// SPDX-License-Identifier: MIT
pragma solidity ^0.5.6;
contract Mortal {
    /* Define Variable owner of the type address */
    address payable owner;
    /* This function is executed at initialization and sets the owner of the contract */
    constructor () public { owner = msg.sender; }
    /* Function to recover the funds on the contract */
    function kill() public payable { if (msg.sender == owner) selfdestruct(owner); }
}

contract MEVerseGreeter is Mortal {
    /* Define variable greeting of the type string */
    string greeting;
    /* This runs when the contract is executed */
    constructor (string memory _greeting) public {
        greeting = _greeting;
    }
    /* Main function */
    function greet() public view returns (string memory) {
        return greeting;
    }
}
```

### Terminal <a href="#terminal" id="terminal"></a>

You can check the result, status, and information of transaction in Terminal. To see more details, click the icon.

<figure><img src="/files/9QYdBU53LISgPkBdKpvv" alt=""><figcaption><p>Terminal</p></figcaption></figure>

## 3. Solidity Compiler

If you have finished writing code, check if there is any error or warning.&#x20;

<figure><img src="/files/OmQQrQjcaC330bEXO8vI" alt=""><figcaption><p>Solidity Compiler</p></figcaption></figure>

## 4. DEPLOY & RUN TRANSACTIONS

If the contract is compiled, click Ethereum icon in Icon pannel to deploy.

<figure><img src="/files/ruAxyl9ACDvUnBUwz1Kd" alt=""><figcaption><p>Deploy &#x26; Run</p></figcaption></figure>

* **ENVIRONMENT** : Setting up development environment. Choose **Injected Provider - MetaMask** when deploying in MEVerse Network.
* **ACCOUNT** : Account information that deploys smart contract
* **CONTRACT** : Contract that you wish to deploy. Only compiled contracts can be selected.

<figure><img src="/files/fIpj09IlJ1pdtKlwvYod" alt=""><figcaption><p>Remix - MetaMask</p></figcaption></figure>

<figure><img src="/files/FLSDCZJ5iBRJgEM2VWmX" alt=""><figcaption><p>Injected Provider - MetaMask Integration Screen</p></figcaption></figure>

### Deploy

After checking **Environment, Account, and Contract**, click **Deploy** button to deploy contract. After checking the network fee, it completes contract deployment.

<figure><img src="/files/sbmudumVa2PDcKhC36ij" alt=""><figcaption><p>MetaMask - Approve for Contract Deployment</p></figcaption></figure>

You can see whether the contract has been successfully deployed or not by checking **and Deployed Contract. Greet** button will let you see the results by calling greet function in smart contract.

<figure><img src="/files/ozKacw2Aq3hNmiccJ9cg" alt=""><figcaption><p>Checking delpoyed contract</p></figcaption></figure>

```shell
[block:28755068 txIndex:0]from: 0x193...449E7to: value: 0 weidata: 60806...00000logs: 0hash: 0x96a...d0065
status	                true Transaction mined and execution succeed
transaction hash	0xab577d01c5583bea3971eca8ae132713c5ad23157a318183fbfb45328066f4b9
from	                0x19368fCd2F0EE8d2C788b754F6504FD49de449E7
gas	                500000000 gas
transaction cost	223369 gas 
input	                60806...00000
decoded output	         - 
val	                0 wei
MetaMask Tx Signature: User denied transaction signature.. Execution failed at 0
```

<figure><img src="/files/TnIo4tkePgE6SPMAEObo" alt=""><figcaption><p>Testnet Scan - view with tx hash</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://meversedex.gitbook.io/meverse-dev-docs/smart-contract/ide-and-tools/remix.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.