zap_dashboard
zap_dashboard copied to clipboard
Zap Tracker is a comprehensive Bitcoin Lightning Network dashboard that provides complete visibility and management of your Zap ecosystem. Monitor analytics, manage wallets, engage with supporters, an...
β‘ Zap Tracker - All-in-One Dashboard
Project Overview
Zap Tracker revolutionizes how creators and users interact with Bitcoin Lightning & Nostr by providing a unified dashboard experience. In today's fragmented ecosystem, managing Zap payments, analytics, and community engagement requires juggling multiple platforms and tools. Zap Tracker eliminates this complexity by bringing everything together in one comprehensive interface.
The platform serves as a central hub for Lightning Network payment management, offering real-time visibility into your Zap ecosystem. Users can monitor their complete payment history, track supporter engagement, and analyze performance metrics through intuitive visualizations.
Getting Started
A modern, real-time dashboard for managing and analyzing Lightning Network zaps (tips) with Nostr Wallet Connect integration.

π Privacy First: We don't store any of your data on our servers. All data is stored locally in your browser's local storage, ensuring your privacy and data sovereignty.
Quick Start
Prerequisites
- Node.js 18+
- npm or yarn
- A Nostr Wallet Connect enabled wallet (e.g., Alby, Buho, Coinos, LNBits)
- A Nostr Identity
Installation
-
Clone the repository
git clone <repository-url> cd zap_dashboard -
Install dependencies
npm install -
Start development server
npm run dev -
Open your browser Navigate to
http://localhost:5173
Building for Production
npm run build
npm run preview
π Setup ZapTracker
Get your NWC URL
- Open your NWC Provider
- Go to Settings β Connect Apps
- Copy your Nostr Wallet Connect URL

Connect Nostr
- Click "Settings"
- Click "Connect Nostr"
- Choose your Nostr Account

Main Dashboard
- Total Zaps: Real-time count of received zaps
- Total Sats: Cumulative zap amount in satoshis
- Average Zap: Mean zap amount
- Unique Supporters: Number of unique zap senders
- Wallet Balance: Current Lightning wallet balance
- Activity Chart: 30-day zap activity visualization

Zap Feed
- Real-time zap notifications
- Content performance tracking
- Supporter analytics
Chat
- Interactive chat
- Community connection
Wallet
- Nostr Wallet Connect (NWC) integration
- Real-time balance monitoring
- Send and receive Lightning payments
- QR code generation and scanning
- Transaction history
Content Management
- Create and manage content posts
- Track content performance and engagement
- Content monetization with zaps
- Content analytics and insights

Analytics
- Live zap tracking and statistics
- Interactive charts and visualizations
- Performance metrics and insights
- Daily, weekly, and monthly activity views

Audience
- Build your community with Follow Packs
- Engage & grow your supporter base
ZapGoals
- Set funding goals like Kickstarter - but with Bitcoin zaps
- Track progress, motivate supporters, unlock milestones

π€ Contributing
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
π Acknowledgments
- Nostr Wallet Connect - For the wallet connection protocol
- Alby - For the Lightning wallet integration
- Vue.js - For the amazing frontend framework
- Tailwind CSS - For the utility-first CSS framework
π Support
- Issues: GitHub Issues
- Discussions: GitHub Discussions
Made with β‘ by the Pratik and DoktorShift
π License
This project is licensed under the MIT License - see the LICENSE file for details.