> For the complete documentation index, see [llms.txt](https://titan-suite.gitbook.io/ide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://titan-suite.gitbook.io/ide/master.md).

# Home

This is a user guide for the Titan Suite IDE by Northern Block

## About

The IDE (Integrated Development Environment) is a web application that allows you to write, compile, deploy and interact with smart contracts. Access the IDE from the link below:

```
https://ide.titan-suite.com
```

![Screenshot of the IDE](https://4050339579-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTYht1ApgOwjcLC9u4d%2F-LTYpSCEYSXAhbcYechA%2F-LTYpWgzwSwfVoy73y3y%2Fide_dec12.png?alt=media\&token=0b3f96c4-3ceb-428f-8a17-b02c3b53b4c3)

## Sections

The IDE is made of four separate sections:

1. File Explorer
2. Editor
3. Console
4. Control Panel

### 1. File Explorer

Here, all created contracts are displayed. Contracts can be created with the "+" button and deleted by clicking the **Garbage** icon to the right of the file name.

<div align="left"><img src="https://4050339579-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTYht1ApgOwjcLC9u4d%2F-LTcKmOfbS_bb2cU4cu5%2F-LTcLTGsYDft4cfYMkTR%2Ffile_explorer.png?alt=media&amp;token=44de1db7-bdb6-49da-a808-1b87d11b9314" alt=""></div>

### 2. Editor

Here, each file's code is displayed in a tab. Tabs can be closed by click the **X** icon to the left of the tab's name in the tab header.

<div align="left"><img src="https://4050339579-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTYht1ApgOwjcLC9u4d%2F-LTcKmOfbS_bb2cU4cu5%2F-LTcLhkknlLruUO-qsAI%2Feditor.png?alt=media&amp;token=bf070e68-92c2-4730-b445-17fb7c1414a6" alt=""></div>

### 3. Console

Here, details of each transaction is shown. Each item can be copied by clicking the icon next to them.

<div align="left"><img src="https://4050339579-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTYht1ApgOwjcLC9u4d%2F-LTcKmOfbS_bb2cU4cu5%2F-LTcMOTwBPGianvsCKTy%2Fconsole.png?alt=media&amp;token=5fdd3468-f8dd-48af-9a57-ed045359eb87" alt=""></div>

![](https://4050339579-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTYht1ApgOwjcLC9u4d%2F-LTZV_WqLtc5wg5_IGNT%2F-LTZWDTq8Iych139djKe%2Ftx_details.png?alt=media\&token=7684b9ba-5167-4752-a912-80628d9b1923)

### 4. Control Panel

Here, you can view different tabs that allow you to access the full feature of the IDE while developing.

<div align="left"><img src="https://4050339579-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LTYht1ApgOwjcLC9u4d%2F-LTcKmOfbS_bb2cU4cu5%2F-LTcLvLcA4QvGuvSubSz%2Fctrl%2Bpnl.png?alt=media&amp;token=26116bbb-ffde-4085-abf9-ff244b006a24" alt=""></div>