Blockchain Interactive Visualizer

An interactive, educational web application that visualizes how blockchain networks work. Watch nodes communicate, see blocks being mined and propagated across the network, and understand the fundamentals of blockchain technology through hands-on exploration.

Features

• Interactive Network Visualization - See nodes in a peer-to-peer network with animated connections
• Block Mining Simulation - Watch blocks being created and added to the chain
• Transaction Pool - Create transactions and see them included in blocks
• Real-time Propagation - Observe how blocks propagate across the network
• Core Concepts - Built-in educational content explaining blockchain fundamentals

Tech Stack

• Next.js 15
• React
• TypeScript
• Tailwind CSS
• Framer Motion

Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

Open http://localhost:3000 in your browser.

Contributing

Contributions are welcome! This project is open source and we're happy to accept improvements, bug fixes, and new features.

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

License

This project is open source and available under the MIT License.