https://github.com/mikbolshakov/ton-payment

Connecting a wallet in the TON blockchain using TonConnect. Payments in Toncoin, USDT, Notcoin. Display TON exchange rate in real time via CoinGecko.
https://github.com/mikbolshakov/ton-payment

coingecko notcoin ton toncoin tonconnect tonweb usdt

Last synced: about 1 month ago
JSON representation

Connecting a wallet in the TON blockchain using TonConnect. Payments in Toncoin, USDT, Notcoin. Display TON exchange rate in real time via CoinGecko.

• Host: GitHub
• URL: https://github.com/mikbolshakov/ton-payment
• Owner: mikbolshakov
• Created: 2024-10-02T10:03:16.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-18T10:31:43.000Z (2 months ago)
• Last Synced: 2024-11-18T11:55:07.339Z (2 months ago)
• Topics: coingecko, notcoin, ton, toncoin, tonconnect, tonweb, usdt
• Language: TypeScript
• Homepage:
• Size: 1.19 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 🌐 TON Blockchain Payment Demo

This project demonstrates how to integrate with the TON blockchain for seamless payments and wallet connectivity. Built using **Vite**, it supports payments in **Toncoin**, **USDT** and **Notcoin**. Additionally, the app fetches and displays the real-time **Toncoin exchange rate** using the **CoinGecko API**.

### 🚀 Quick Start

#### Prerequisites

Ensure you have the following installed:

- [Node.js](https://nodejs.org/) (version 16+)

- [npm](https://www.npmjs.com/)

#### Installation

1. Clone the repository:

```bash

git clone https://github.com/mikbolshakov/ton-payment.git

```

2. Install dependencies:

```bash

npm install

```

3. Start the development server:

```bash

npm run dev

```

4. Open your browser and navigate to the provided local URL (usually `http://localhost:5173`).

> ⚠️ **Note:** The project does not require `.env` file.

### 🛠️ How It Works

- **Wallet Connection**:

- Uses TonConnect to establish a secure connection with a TON wallet.

- Displays the wallet address after a successful connection.

- **Payment Integration**:

- Multiple payment options for Toncoin, USDT and Notcoin.

- Starts the transaction process.

- **Exchange Rate Display**:

- Fetches the latest Toncoin-to-USD conversion rate using CoinGecko.

- Real-time updates to reflect current market trends.

### 🌍 Built With

- **Vite**: Lightning-fast development environment.

- **React**: Modern UI library for building interactive interfaces.

- **TonConnect**: Simplified wallet integration with the TON blockchain.

- **CoinGecko API**: For fetching exchange rates.