A real-time Ethereum gas price monitoring application that helps users track and visualize gas prices on the Ethereum network.
- Real-time gas price monitoring
- Historical gas price data visualization
- Interactive chart with zoom functionality
- Dark/Light mode support
- Automatic data refresh
- Multiple price categories (Safe Low, Standard, Fast, Base Fee)
ethereum_gas/
├── frontend/ # React TypeScript frontend
├── backend/ # Node.js backend
├── .gitignore # Git ignore file
└── README.md # Project documentation
- Node.js (v14 or higher)
- npm or yarn
- SQLite
- Clone the repository:
git clone <repository-url>
cd ethereum_gas- Install backend dependencies:
cd backend
npm install- Install frontend dependencies:
cd frontend
npm install- Create a
.envfile in the root directory and add necessary environment variables:
PORT=3000
# Add other environment variables as needed- Start the backend server:
cd backend
npm start- Start the frontend development server:
cd frontend
npm run devThe application will be available at http://localhost:5173 (or the port specified in your frontend configuration).
- React
- TypeScript
- Ant Design (UI Components)
- Chart.js
- Axios
- Node.js
- Express
- SQLite
- Axios (for external API calls)
- Real-time Gas Tracking: Monitors current Ethereum gas prices
- Historical Data: Displays historical gas price trends
- Interactive Charts: Zoom and pan functionality for detailed analysis
- Multiple Price Categories:
- Safe Low: Economical but slower transactions
- Standard: Balanced speed and cost
- Fast: Quick transaction processing
- Base Fee: Network's current base fee
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Ethereum Network
- Gas Price API providers
- Open source community