# Suicoins Terminal

### <mark style="color:blue;">Overview</mark>

🌐 [terminal.suicoins.com](https://terminal.suicoins.com/)

The Suicoins Terminal is an open-source, lightweight adaptation of the Suicoins Swap feature, designed to enable seamless, end-to-end cryptocurrency swaps that can be integrated effortlessly into your platform.

#### Benefits of the Suicoins Terminal:

* **Secure on-site trading** on the Sui Network
* **Enhanced user convenience** with no need to navigate away from your platform
* **Streamlined user experience** to improve trust and engagement

***

### <mark style="color:blue;">Key Features</mark>

#### **Predefined Configurations**

Define input and output tokens easily for precise trading pair setups.

#### **Restricted Trading Options**

Restrict swaps to specific tokens for enhanced security and platform focus.

***

### <mark style="color:blue;">Trading Fees Structure</mark>

The Suicoins Terminal applies a simple fee structure for swaps:

* **0.15% for Memecoin Project.**
* **0.15% for Suicoins.**

These fees are automatically calculated and deducted during each transaction.

***

### <mark style="color:blue;">How to Integrate</mark>

#### <mark style="color:blue;">Vanilla SDK Integration</mark>

Follow these steps to integrate the Vanilla SDK into your project:

**Step 1: Add the SDK Script**

Include the following script in your HTML file:

```html
<script src="https://cdn.jsdelivr.net/npm/@interest-protocol/sui-coins-terminal-vanilla/dist/index.umd.js"></script>
```

**Step 2: Add the Terminal Container**

Add an empty `<div>` with the required `id` attribute to your code:

```html
<div id="suicoins-terminal" class="terminal"></div>
```

**Step 3: Initialize the Terminal**

Initialize the Suicoins Terminal with your custom parameters:

```html
<script>
  SuiCoinsTerminal({
    typeIn: "0x2::sui::SUI",
    projectAddress: "0xdb3a22be6a37c340c6fd3f67a7221dfb841c818442d856f5d17726f4bcf1c8af",
    typeOut: "0xdeeb7a4662eec9f2f3def03fb937a663dddaa2e215b8078a284d026b7946c270::deep::DEEP",
    slippage: 1,
  });
</script>
```

***

#### <mark style="color:blue;">React SDK Integration</mark>

**Step 1: Install the SDK**

Use one of the following package managers to add the SDK to your React project:

```bash
pnpm add @interest-protocol/sui-coins-terminal  
# or  
yarn add @interest-protocol/sui-coins-terminal  
# or  
npm install @interest-protocol/sui-coins-terminal  
```

**Step 2: Import and Configure the Terminal Component**

Import the `SwapTerminal` component and configure it with the necessary parameters:

```jsx
import { SwapTerminal } from "@interest-protocol/sui-coins-terminal";

const Terminal = () => (
  <SwapTerminal
    typeIn="0x2::sui::SUI"
    projectAddress="0xdb3a22be6a37c340c6fd3f67a7221dfb841c818442d856f5d17726f4bcf1c8af"
    typeOut="0xdeeb7a4662eec9f2f3def03fb937a663dddaa2e215b8078a284d026b7946c270::deep::DEEP"
    slippage="1"
  />
);

export default Terminal;
```

***

Visit [terminal.suicoins.com](https://terminal.suicoins.com/) to learn more and integrate the Suicoins Terminal into your platform.

For any questions or assistance, our team is here to help—don’t hesitate to reach out.

***