A real-time dashboard for monitoring Hypixel's ban activity, built with Next.js 15 and Tailwind CSS. Features live updates, interactive visualizations, and detailed metrics tracking.
- Live Updates: Automatically fetches new ban data every minute
- Interactive Dashboard: Clean and modern UI with real-time visualizations
- Detailed Statistics: Track Watchdog and Staff ban metrics
- Activity Log: Chronological record of ban events
- Dark Mode: Full dark mode support with smooth transitions
- Responsive Design: Works decent on all devices
- Advanced Routing: Implements Next.js 15 parallel routing and route interception for smooth modal transitions
Note: This project uses Umami for analytics. To enable analytics:
- Set up your Umami instance
- Set
NEXT_PUBLIC_ENABLE_UMAMI=truein your.envfile- Update in
src/app/layout.tsx:
srcattribute with your Umami script URLdata-website-idwith your Umami website ID
First, clone the repository and install dependencies:
git clone .git
cd banz-club
pnpm installThen, run the development server:
pnpm devOpen http://localhost:3000 with your browser to see the result.
- Next.js 15 - React framework
- Parallel Routing
- Route Interception
- App Router
- Tailwind CSS - Styling
- shadcn/ui - UI components
- Recharts - Charts and visualizations
- Zustand - State management
- React Query - Server state management
- Zod - Data validation
- Umami - Metrics
This project uses the Plancke API for fetching Hypixel ban statistics. The data is refreshed every minute to provide real-time updates.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
If you find this useful, check out my Hypixel Ban Tracker Discord Bot - A Discord bot that provides real-time notifications for Hypixel bans directly in your server.
This site is not affiliated with or endorsed by Hypixel Inc. All Hypixel related content and assets are property of Hypixel Inc.