Ethereum Gas Tracker

Ethereum Gas Tracker is designed for real-time Ethereum gas tracking platforms, focusing on performance, mobile-friendliness, and SEO optimization.

Built with React.js, Node.js, and Etherscan API, this open-source template helps developers to build real-time Ethereum gas fee tracker displaying live gas prices, transaction costs, and trends. This template then allows users to plan your Ethereum transactions efficiently with accurate data.

Live Demo

https://ethereum-gas-tracker-metaschool.vercel.app/

Features

This Ethereum Gas Tracker application includes the following features:

• Real-Time Gas Prices: Low, Average, and High tiers
• Transaction Cost Estimation for Ethereum Actions
• Gas Trends Graphs: Last Hour and Last 24 Hours
• Fully responsive and accessible design

Technologies Used

• Frontend: React.js
• Backend: Node.js
• Blockchain Data: Etherscan API

Use Cases

• Optimizing transaction timing to minimize costs.
• Analyzing gas price trends for trading strategies.
• Educating new users about Ethereum gas dynamics.

Installations

Prerequisites

• Node.js: Ensure that you have Node.js installed on your system.
• Etherscan API Key: Obtain an API key from Etherscan to fetch Ethereum data.

Setting Up Etherscan API

• Visit the Etherscan website.
• Register for a free account and generate an API key.

How to Run the Application

1. Clone the repository:

   git clone https://github.com/0xmetaschool/ethereum-gas-tracker.git

2. Install Dependencies: Navigate to the project directory and install the necessary dependencies:

   cd ethereum-gas-tracker
   npm install --y

3. Configure Environment Variables:

   • Open the config.env file in the root directory.
   • Replace the placeholder for VITE_ETHERSCAN_API_KEY with your actual Etherscan API key:

   VITE_ETHERSCAN_API_KEY = 

4. Start the Development Server:

   npm run dev

Screenshots

How to use the Application

• Open the Ethereum Gas Tracker.
• View the real-time gas prices and choose the optimal fee for your transaction.
• Check estimated transaction costs for popular Ethereum actions.
• Monitor hourly and daily trends for strategic planning.

Contributing

Contributions are welcome! Here's how you can help:

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any queries or support, please open an issue in the GitHub repository.