This is a basic project for learning.

• npm or yarn
• A Solana wallet (Phantom recommended)

1. Clone the repository

   git clone <your-repo-url>
   cd my-app

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm run dev
   # or
   yarn dev

4. Open your browser Navigate to http://localhost:3000

my-app/
├── app/
│   ├── globals.css          
│   ├── layout.tsx           
│   └── page.tsx            
├── components/
│   ├── Appbar.tsx           
│   ├── BalanceDisplay.tsx   
│   ├── ClientWalletButton.tsx 
│   ├── SendSol.tsx          
│   └── WalletContextProvider.tsx 
├── package.json
└── README.md

• Manages Solana wallet connections
• Configures Phantom wallet adapter
• Handles auto-connection and localStorage persistence

• Shows real-time SOL balance
• Updates automatically when balance changes

• Form for sending SOL transactions
• Input validation and error handling
• Transaction confirmation with Solana Explorer links

• Navigation header with branding
• Integrated wallet connection button
• Responsive design

Built with confusion • Powered by errors 🚀