Solana Explorer

A modern, user-friendly blockchain explorer for the Solana network. This application allows you to explore blocks, transactions, and wallet data on the Solana blockchain with a clean, intuitive interface.

🚀 Features

• Multi-network Support: Easily switch between Mainnet, Devnet, and Testnet
• Real-time Data: View the latest blocks and transactions as they occur
• Wallet Integration: Connect your Phantom wallet to view your personal transaction history
• Comprehensive Search: Search by address, transaction signature, block, or token
• Transaction Details: Explore detailed information about transactions including:
  • Transfer information
  • Fee details
  • Program logs
  • Instruction data
• Network Stats: View network statistics such as TPS (Transactions Per Second)
• Responsive Design: Works seamlessly on both desktop and mobile devices

🛠️ Technologies Used

• React with TypeScript
• Tailwind CSS for styling
• Solana Web3.js for blockchain integration
• Lucide React for icons
• Phantom Wallet integration

📋 Prerequisites

• Node.js (v16 or higher)
• npm or yarn
• A modern web browser
• Phantom Wallet (optional, for wallet connection features)

💻 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/solana-explorer.git
   cd solana-explorer

2. Install the dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open your browser and navigate to http://localhost:5173

🏗️ Building for Production

To create a production build:

npm run build
# or
yarn build

The build output will be in the dist directory, which you can serve using any static site hosting.

🔍 Usage

Searching

• Enter an address, transaction signature, or block number in the search bar
• Press Enter or click the search icon to retrieve results

Network Selection

• Click on the network dropdown in the header to switch between Mainnet, Devnet, and Testnet

Connecting a Wallet

• Click "Connect Wallet" in the header
• Approve the connection request in your Phantom wallet
• Your recent transactions will be displayed in the "Your Transactions" section

Viewing Transaction Details

• Click on any transaction in the Recent Transactions, Search Results, or Your Transactions sections
• A modal will open displaying detailed information about the selected transaction

🌐 Live Demo

VIEW IT LIVE

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

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

📞 Contact

Made with ❤️ by Rachit - @Rachit_twts

---

⭐ Star this repo if you found it useful!