A lightweight version of Frontend for Decentralized Exchange (DEX) on TON by uNerd for Tegro

A comprehensive frontend solution for a pioneering Decentralized Exchange (DEX) on the TON blockchain, meticulously crafted by uNerd for Tegro.

Explore the Documentation »

View Live Demo · Report a Bug · Request a Feature

Comprehensive Table of Contents

• Project Overview
• Technical Roadmap
• Community Contribution
• Legal Information
• Development Team
• Special Thanks

Project Overview

Welcome to the official frontend platform for Tegro's Decentralized Exchange (DEX) on the TON blockchain, a project powered by the innovative expertise of uNerd. This platform stands as a testament to the synergy between advanced blockchain technology and user-centric design, offering a secure, transparent, and user-friendly environment for cryptocurrency trading.

Key Features

• Seamless Integration with TON Blockchain: Ensuring smooth, secure transactions and a trustless trading environment.
• User-Friendly Interface: Designed with the user in mind, providing an intuitive trading experience.
• Advanced Security Measures: Incorporating state-of-the-art security protocols to safeguard user assets and data.
• Lightweight & resilient: Optimized to run in restricted environments, including TON Sites and the TOR network.
• Multi-language UI: Built-in internationalization (i18next) for a global audience.

Tech Stack

• Framework: React + Vite + TypeScript
• State management: Redux Toolkit
• TON connectivity: TON Connect (@tonconnect/sdk, @tonconnect/ui-react)
• HTTP / data: Axios
• i18n: i18next
• UI: Bootstrap

Getting Started

Prerequisites

• Node.js 18+ and npm

Installation

# Clone the repository
git clone https://github.com/TegroTON/TON-DEX-TegroFinance-Web-Frontend-Lite.git
cd TON-DEX-TegroFinance-Web-Frontend-Lite

# Install dependencies
npm install

# Start the dev server (http://localhost:5173)
npm run dev

# Build for production
npm run build

💡 This is the lite build, designed for deployment to TON Sites and the TOR network. For the full-featured app see TON-DEX-TegroFinance-Web-Frontend.

Technical Roadmap

The journey ahead is exciting, and we invite you to follow our progress. Our roadmap is a dynamic blueprint of upcoming features and enhancements. Visit our issue tracker to stay updated with the latest developments and contribute your ideas.

Community Contribution

Your contributions can shape the future of decentralized finance on the TON blockchain. We believe in the power of community collaboration to drive innovation.

• Open to Ideas: Share your creative suggestions by opening an issue. Let's brainstorm together to enhance the DEX experience.
• Attention to Detail: Your feedback on spelling, grammar, and overall content quality is invaluable. Help us maintain the highest standard of clarity and precision.
• Individual Contributions Matter: For every suggestion, please create a separate pull request. This helps us manage changes effectively.
• Adherence to Guidelines: Please review our Code of Conduct to ensure a respectful and constructive community environment.

How to Create a Pull Request

1. Fork the repository.
2. Create your feature branch (git checkout -b feature/AmazingFeature).
3. Commit your changes (git commit -m 'Add some AmazingFeature').
4. Push to the branch (git push origin feature/AmazingFeature).
5. Open a pull request.

Legal Information

The project is distributed under the MIT License. This license provides freedom for personal and commercial use, modification, and distribution of the software. For more details, see the LICENSE file.

Architecture & Related Repositories

Tegro Finance is built as a set of cooperating open-source services on TON:

Layer	Repository	Stack
Web app (full)	TON-DEX-TegroFinance-Web-Frontend	TypeScript · React
Web app (lite, TON/TOR)	TON-DEX-TegroFinance-Web-Frontend-Lite (this repo)	TypeScript · React
Backend / indexer	TON-DEX-TegroFinance-Web-Backend	Python · FastAPI
Public DEX API	API-DEX-TON-Blockchain	Kotlin

Tegro Ecosystem

• 🔁 DEX — https://tegro.finance
• 💳 Payments (Tegro Money) — https://tegro.money
• 👛 Wallet — https://t.me/TegroMoneyBot
• 💬 Community — https://t.me/TegroMoney
• 🏠 All open-source repos — https://github.com/TegroTON

Development Team

• Sviatoslav Gusev (DeFiTON) - Chief Product Officer - Profile

Special Thanks

Our project stands on the shoulders of giants. We extend our heartfelt gratitude to:

• uNerd - For their unparalleled technical expertise and vision.
• pyAndr3w - For their contributions to the codebase.
• Andrey Pfau - For their guidance and support in the project's development.

We also thank our community of users, developers, and enthusiasts. Your engagement and feedback continue to inspire and propel us forward.