Skip to content

AnuragMunda/blockmeter-frontend

Repository files navigation

🌐 Gas Fee Analyzer Frontend (Next.js)

This is the frontend for the Gas Fee Analyzer web app.
It provides a beautiful UI for viewing live gas prices, visualizing historical trends, and tracking gas fee estimates.


🖼 Preview

Gas Fee Analyzer UI


🖼 Features

  • 🔁 Live gas fee updates via WebSocket
  • 📈 Historical gas price charts
  • 🕒 Countdown to next update (synced with backend cron)
  • 🌐 Multi-chain support (Ethereum, Polygon, Arbitrum, etc.)
  • 📊 FAQ section

⚙️ Tech Stack

  • Next.js (React + TypeScript)
  • Tailwind CSS for styling
  • Socket.io Client for WebSocket
  • Recharts/Chart.js for graphs
  • Zustand for global state (chain selection)
  • Deployed on Vercel

🛠 Setup Instructions

1. Install & Setup

cd frontend
npm install
cp .env.local.example .env.local

About

This is the frontend for the Gas Fee Analyzer web app. It provides a beautiful UI for viewing live gas prices, visualizing historical trends, and tracking gas fee estimates.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors