https://github.com/wasiffalishah/solanadevnetvisualization
Solana Devnet Blockchain Visualization
https://github.com/wasiffalishah/solanadevnetvisualization
blockchain blockchain-explorer solana
Last synced: 4 months ago
JSON representation
Solana Devnet Blockchain Visualization
- Host: GitHub
- URL: https://github.com/wasiffalishah/solanadevnetvisualization
- Owner: wasiffalishah
- Created: 2024-12-06T11:46:53.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-06T12:03:45.000Z (7 months ago)
- Last Synced: 2025-02-02T17:49:57.496Z (5 months ago)
- Topics: blockchain, blockchain-explorer, solana
- Language: HTML
- Homepage: https://wasiffalishah.netlify.app/blockchainvisualization/main
- Size: 44.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Solana Devnet Blockchain Visualization
A real-time visualization tool for the Solana Devnet blockchain, designed and developed by **Wasiff Ali Shah**. This application provides insights into block and transaction data, making blockchain exploration more intuitive.
## Features
- **Real-Time Data Fetching:** Continuously fetches finalized blocks from the Solana Devnet at a speed of **3 blocks per second**.
- **Detailed Block Information:** Displays block height, hash, parent slot, transaction count, and timestamps.
- **Analytics Dashboard:** Shows:
- Total blocks displayed in the last minute.
- Average transactions per block.
- Average transactions per minute.
- **Transaction Explorer:**
- View transactions of any block by clicking the "View Transactions" button.
- Check details of any transaction by pasting its hash.
- **Balance Checker:** Easily check the balance of any account by pasting its public key.
- **User-Friendly Interface:** Clean design with responsive layouts for mobile and desktop users.
- **Error Handling:** Shows popup alerts for connectivity or data fetch issues.
## Technologies Used
- **Frontend:** HTML, CSS, JavaScript
- **Blockchain API:** Solana Web3.js
## Installation
1. Clone this repository:
```bash
git clone https://github.com/wasiffalishah/solana-visualization.git
```
2. Navigate to the project folder:
```bash
cd solana-visualization
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
## Usage
1. Click the **Start** button on the interface to begin fetching real-time blockchain data.
2. View statistics for blocks and transactions updated every minute.
3. Explore the transaction details of any block by clicking the "View Transactions" button.
4. Use the **Transaction Checker** to get detailed information about any transaction by pasting its hash.
5. Use the **Balance Checker** to see the balance of any account by entering its public key.
## Author
Developed by **Wasiff Ali Shah**
- **Portfolio:** [wasiffalishah.netlify.app](https://wasiffalishah.netlify.app)
- **GitHub:** [Wasiff Ali Shah](https://github.com/wasiffalishah)
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.