https://github.com/roman-pixel/ton-test-task

A single-page application built with Next.js for connecting the TonKeeper or any other crypto wallet, viewing balance, and sending funds on the TON TestNet.
https://github.com/roman-pixel/ton-test-task

next-intl nextjs tailwindcss ton ton-connect

Last synced: 30 days ago
JSON representation

A single-page application built with Next.js for connecting the TonKeeper or any other crypto wallet, viewing balance, and sending funds on the TON TestNet.

• Host: GitHub
• URL: https://github.com/roman-pixel/ton-test-task
• Owner: roman-pixel
• License: mit
• Created: 2024-10-20T18:55:48.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-12-20T13:43:52.000Z (about 1 month ago)
• Last Synced: 2024-12-20T14:40:49.194Z (about 1 month ago)
• Topics: next-intl, nextjs, tailwindcss, ton, ton-connect
• Language: TypeScript
• Homepage: https://ton-test-task.vercel.app
• Size: 896 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  



TON Link Test


### Demo

You can view the demo version of the application using the following links:

[![Deploy](https://img.shields.io/badge/-Depoloy-282828?logo=vercel&logoColor=fff)](https://ton-test-task.vercel.app)

[![Telegram App](https://img.shields.io/badge/-Telegram_App-26a5e4?logo=telegram&logoColor=fff)](https://t.me/ton_link_test_bot)

## Description

A single-page application built with Next.js and the ton-connect library. The app allows users to connect their TonKeeper or any other crypto wallet, view their balance, and make transfers within the TON TestNet network through an intuitive interface.

## Usage Instructions

- **Connecting a Wallet**:

  - To link your TonKeeper wallet, click the "Connect Wallet" button.

  - In the dialog box, select the TonKeeper wallet or choose any other wallet from the list.

  - Confirm the wallet connection.

- **Sending Funds**:

  - On the main screen, click the "Send" button to navigate to the transfer page.

  - Enter the required amount and recipient's address into the transfer form to initiate the sending process.

  - Confirm the transfer in the TonKeeper wallet.

## Technologies

- **@tonconnect/ui-react** - A library for integrating with the TonKeeper wallet using TonConnect.

- **next** - A framework for building server-side and static applications with React.

- **tailwindcss** - A utility-first CSS framework for designing user interfaces.

- **typescript** - A programming language for strong typing in JavaScript.

## Installation and Running the Application

1. Clon the repository:

```bash

git clone https://github.com/roman-pixel/ton-test-task.git

```

2. Navigate to the project directory.

3. Install dependencies using yarn or npm:

```bash

 npm install

```

4. Start the application:

```bash

 npm run dev

```