# Introduction

This document provides developers with a comprehensive guide to deploying the **open-source cross-chain bridge frontend** to a local environment. By deploying locally, users can run the cross-chain trading interface on their own servers or development environments while still connecting to third-party backend services (e.g., node RPCs, cross-chain bridge APIs), achieving the following core benefits:

#### 🌟 Key Advantages

* **Security & Transparency**: Fully open-source frontend code eliminates risks of code tampering from third-party hosting platforms.
* **Full Control**: Customize UI, third-party backend service provider, and chain configurations to meet specific business needs.
* **Developer-Friendly**: Modular design for seamless integration with multi-chain ecosystems (EVM, Tron, Solana, etc.).
* **Zero Dependency Risks**: Quickly switch to backup service providers even if third-party services are upgraded or fail.

#### 🛠️ Tech Stack

* **Framework**: nodeJS + Vue
* **Chain Interaction**: Web3.js / Ethers.js
* **Styling**: SCSS + Responsive Layout
* **Build Tools**: npm / yarn

***

### 🚀 Quick Start (30-Second Preview)

1. **Clone the Repository**

   ```
   git clone https://github.com/ethereumfair/opendex.git  
   ```
2. **Install Dependencies**

   ```
   cd  opendex & npm install  
   ```
3. **Launch Local Server**

   ```
   npm run serve  
   ```

   Access immediately: `http://localhost:8080`


---

# 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://opendex.etherfair.org/introduction.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.