https://github.com/nitindahiya-dev/solana-payment-app

Solana Pay to provide a seamless experience for sending transactions and generating QR codes on the Solana blockchain.
https://github.com/nitindahiya-dev/solana-payment-app

solana solana-pay

Last synced: about 1 month ago
JSON representation

Solana Pay to provide a seamless experience for sending transactions and generating QR codes on the Solana blockchain.

• Host: GitHub
• URL: https://github.com/nitindahiya-dev/solana-payment-app
• Owner: nitindahiya-dev
• Created: 2024-07-22T10:53:22.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-28T06:07:22.000Z (5 months ago)
• Last Synced: 2024-07-28T08:26:12.959Z (5 months ago)
• Topics: solana, solana-pay
• Language: JavaScript
• Homepage:
• Size: 165 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 Solana Transaction App


Welcome to the **Solana Transaction App**! This app is built with Vite, Tailwind CSS, and Solana Pay to provide a seamless experience for sending transactions and generating QR codes on the Solana blockchain.


## 🌟 Features


 **Connect to Solana Wallet**: Securely connect your Solana wallet to the app.

 **Send Transactions**: Easily send transactions to any Solana address.

 **Generate QR Codes**: Create QR codes for payments with customizable details.

 **Transaction History**: View and manage your transaction history.

 **Local Storage**: Store transaction data locally for quick access.




## 📦 Installation


### Prerequisites


Make sure you have the following installed:


 **Node.js** (v14 or later)

 **npm** (v6 or later)


### Steps

1. **Clone the Repository**:

    ```bash

    git clone https://github.com/nitindahiya-dev/solana-transaction-app.git

    cd solana-transaction-app

    ```

2. **Install Dependencies**:

    ```bash

    npm install

    ```

3. **Start the Development Server**:

    ```bash

    npm run dev

    ```

## ✨ Usage


1. **Connect Your Wallet**: Open the app and connect your Solana wallet using the provided button.

2. **Send Transactions**: Fill in the details for the transaction, including the receiver's address and the amount. Click the 'Send' button to initiate the transaction.

3. **Generate QR Codes**: Click on the 'Generate QR Code' button to create a QR code for a specific transaction.

4. **View Transaction History**: Check the 'Transaction History' section to view all past transactions.

## 🛠 Configuration

### Tailwind CSS

Tailwind CSS is used for styling the app. To customize the styles, modify the `tailwind.config.js` file and the CSS files in the `src` directory.