Skip to content

memosr/base-gas-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

⛽ Base Gas Tracker

Real-time gas price monitor for Base mainnet — know when to transact, estimate your costs, and never overpay again.

Base Network License: MIT Live Demo

→ Open Live Demo


Features

  • Real-time gas prices — auto-refreshes every 10 seconds
  • 🚦 Status indicator — instantly see if gas is Cheap, Normal, or High
  • 📈 24-hour history chart — visualize gas price trends over the last day
  • 🧮 Transaction cost calculator — estimate fees for common operations:
    • ETH transfer
    • ERC-20 token transfer
    • Uniswap swap
    • NFT mint
  • 🕐 Best time to transact — analysis of optimal windows based on recent history
  • 📦 Latest block info — block number, timestamp, base fee, and priority fee
  • 🔄 Multiple RPC fallbacks — automatic failover keeps the tracker online even if one endpoint goes down

Tech Stack

Layer Technology
Frontend Vanilla JavaScript (no framework)
Blockchain ethers.js v6
Charts Chart.js v4
Hosting GitHub Pages
Network Base Mainnet (chainId: 8453)

No build step, no bundler, no dependencies to install.


Local Development

# 1. Clone the repo
git clone https://github.com/memosr/base-gas-tracker.git
cd base-gas-tracker

# 2. Open in your browser
open frontend/index.html

That's it. The app is entirely static — no server, no build process, no npm install.


RPC Endpoints

The tracker cycles through these public Base RPC endpoints with automatic failover:

Provider URL
LlamaRPC https://base.llamarpc.com
PublicNode https://base-rpc.publicnode.com
Base Official https://mainnet.base.org

If one endpoint fails, the tracker silently switches to the next. The active connection is shown in the status pill at the top of the page.


Contributing

Contributions are welcome. To get started:

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/your-feature
  3. Make your changes in frontend/index.html
  4. Test locally by opening the file in a browser
  5. Open a pull request with a clear description of what you changed and why

Bug reports and feature suggestions are equally welcome — open an issue and we'll take a look.


License

MIT — free to use, modify, and distribute.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages