English | 简体中文

A Monad chain Gas fee analysis tool that helps users track and analyze Gas consumption on the Monad network.

• 🔍 Monad chain Gas fee tracking and analysis
• 📊 Intuitive data visualization
• 🕒 Flexible time range selection
• 📱 Responsive design, mobile-friendly
• 🌐 Multi-language support (Chinese/English)
• 💾 Local data caching for improved loading speed

• Frontend Framework: React + TypeScript
• Build Tool: Vite
• Styling Solution: Tailwind CSS
• Data Visualization: React Heat Map
• Blockchain Data: Flipside API
• State Management: React Context
• Data Caching: IndexedDB

• Node.js >= 16
• pnpm

1. Clone the project

git clone https://github.com/lispking/gas-dog.git
cd gas-dog

2. Install dependencies

pnpm install

3. Configure environment variables

cp .env.example .env

Edit the .env file and fill in the necessary configuration information

4. Start the development server

pnpm dev

src/
├── components/     # UI Components
├── contexts/       # React Context
├── hooks/          # Custom Hooks
├── queries/        # Flipside Queries
├── types/          # TypeScript Type Definitions
└── utils/          # Utility Functions

• Real-time view of Gas consumption on Monad chain
• Support for filtering data by time range
• Display of Gas fee statistics and trend analysis

• Gas consumption heat map
• Transaction type distribution chart
• Gas fee trend chart

• Support for Chinese and English interface switching
• Easy to extend to other languages

Issues and Pull Requests are welcome!

This project is open-sourced under the Apache-2.0 License, see the LICENSE file for details.