> For the complete documentation index, see [llms.txt](https://circular-protocol.gitbook.io/circular-developer-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://circular-protocol.gitbook.io/circular-developer-docs/your-first-dapp-on-circular/introduction-to-hyper-code-ide.md).

# Introduction to Hyper Code IDE

Welcome to the Circular ecosystem! We’re excited to help you build your first dApp. 

{% hint style="info" %}
[Access the Hyper Code IDE](https://circularlabs.io/HCIDE) ([https://circularlabs.io/HCIDE](https://circularlabs.io/HCIDE#))
{% endhint %}

Here’s a quick guide to getting started with the Proton IDE.

**Project Icon:** Manage your project files.

**Search:** Find specific elements in your project.

**Debug:** Simplifies smart contract debugging.

**SDK & CRC:** Direct links to Circular SDK and Standards documentation.<br>

In the left sidebar, you’ll also find access to Templates, Libraries, and Tutorials. At the top, use the icons for editor interactions and contract deployment.

The code editor lets you read and edit your code, while the Payload Terminal handles blockchain transactions. The Output window shows smart contract status and results, helpful for debugging.

With this overview of the IDE, you’re ready to start exploring smart contracts on Circular.