ZenStats Explorer is a decentralized application (Dapp) that allows users to explore and visualize blockchain statistics on the ZenChain ecosystem. It provides an intuitive interface to connect wallets, fetch data, and display user profiles, levels, and achievements.
- 🌐 Connect with MetaMask wallet
- 📊 Explore ZenChain statistics
- 🏆 View user profile and achievements (via ZenQuest APIs)
- ⚡ Fast and modern React + Vite frontend
- 🎨 Styled with TailwindCSS for a clean UI
Before running the project, make sure you have:
- Node.js (>= 16.x recommended)
- npm (comes with Node.js)
- A web3 wallet (e.g., MetaMask) installed in your browser
Clone the repository and install dependencies:
git clone https://github.com/ngh1105/zenstats-explorer.git
cd zenstats-explorer
npm installTo start the development server:
npm run devBy default, the app will run on http://localhost:5173.
- Open the app in your browser
- Click Connect Wallet to link your MetaMask account
- Explore ZenChain statistics and your ZenQuest profile data
- Track your achievements and XP in real-time
ZenStats Explorer integrates with ZenQuest APIs to fetch:
- User profile data (
/api/get-profile-data) - Level and XP information
Make sure to include your session cookie (web3session) for authenticated requests.
To build an optimized version:
npm run buildThis will generate the production-ready files inside the dist/ directory.
This project is licensed under the MIT License. Feel free to use and modify it for your own purposes.