Pectralizer-UI

A powerful Ethereum transaction and contract analysis tool that provides detailed gas usage analysis, including support for EIP-4844 (blob transactions) and EIP-7623 (calldata gas cost changes).

Features

• 🔍 Transaction analysis with detailed gas usage breakdown
• 📊 Contract analysis with historical transaction data
• 🌐 Support for EIP-4844 blob transactions
• ⛽ EIP-7623 calldata gas cost analysis

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v16 or higher)
• npm (v7 or higher)
• Git

Environment Variables

Create a .env file in the root directory with the following variables:

VITE_API_BASE_URL=your_api_url_here

Installation Guide

1. Clone the repository:

git clone https://github.com/kintsugi-tech/pectra-analyzer-frontend.git
cd pectra-analyzer-frontend

2. Install dependencies:

npm install

3. Set up environment variables:

• Copy .env.example to .env
• Update the variables with your configuration

4. Start the development server:

npm run dev

Development

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint
• npm run type-check - Run TypeScript type checking

Contributing

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 licensed under the MIT License - see the LICENSE file for details.