A comprehensive dashboard for tracking and visualizing the real-world impact of web3 ecosystem projects. Built with Next.js 15, this platform provides transparent, data-driven insights into financial sustainability, geographic reach, and measurable outcomes across web3 projects.

🌟 Features#

📊 Dashboard Overview#

Real-time Metrics: Total funding, distributed funds, sustainability percentages, and global beneficiaries
Interactive Charts: Trend analysis with historical data visualization using Recharts
Project Directory: Comprehensive table of web3 projects with sortable and filterable data
Geographic Insights: Global distribution maps showing project reach and impact

🔍 Project Details#

Individual Project Pages: Detailed breakdown of each project's impact metrics
Funding History: Complete funding timeline with grant, investment, and revenue sources
Geographic Distribution: Country-by-country breakdown of beneficiaries and value distributed
Impact Metrics: Project-specific KPIs and measurable outcomes

📈 Data Visualization#

World Map Integration: Interactive Leaflet maps showing global project distribution
Trend Charts: Historical funding and impact trend analysis
Responsive Design: Optimized for desktop and mobile viewing
Dark/Light Theme: Automatic theme switching with next-themes

📚 Educational Content#

About Page: Mission, values, and project goals
Methodology Page: Transparent data collection and measurement framework
Project Submission: Community-driven data contribution system

🛠 Technology Stack#

Framework: Next.js 15 with App Router
Frontend: React 19 with TypeScript
Styling: Tailwind CSS 4
Charts: Recharts for data visualization
Maps: Leaflet with React integration
Icons: Lucide React
Theme: next-themes for dark/light mode

📊 Data Structure#

The platform tracks comprehensive metrics for each web3 project:

Core Metrics#

Financial Data: Funding received, sustainable revenue percentage, annual budget
Team Information: Full-time equivalent team size and efficiency ratios
Distribution: Value distributed externally through grants, UBI, or other mechanisms

Geographic Impact#

Country Distribution: Beneficiaries and value distributed by country
Global Reach: Worldwide project impact visualization

🚀 Getting Started#

Prerequisites#

Node.js 18+ and npm/yarn/pnpm
Git

Installation#

Clone the repository

git clone https://github.com/your-username/web3-impact-index.git
cd web3-impact-index

Install dependencies

npm install
# or
yarn install
# or
pnpm install

Start the development server

npm run dev
# or
yarn dev
# or
pnpm dev

Open your browser Navigate to http://localhost:3000 to see the application.

Build for Production#

npm run build
npm start

📁 Project Structure#

web3-impact-index/
├── app/                    # Next.js App Router pages
│   ├── about/             # About page
│   ├── methodology/       # Methodology documentation
│   ├── project/           # Dynamic project detail pages
│   ├── submit/            # Project submission form
│   ├── globals.css        # Global styles
│   ├── layout.tsx         # Root layout
│   └── page.tsx           # Homepage
├── components/            # React components
│   ├── FundingChart.tsx   # Funding trend charts
│   ├── MainContent.tsx    # Main dashboard layout
│   ├── ProjectTable.tsx   # Projects data table
│   ├── Sidebar.tsx        # Navigation sidebar
│   ├── WorldMap.tsx       # Geographic visualization
│   └── ...
├── lib/                   # Utility functions and data
│   ├── data.ts           # Sample project data
│   └── types.ts          # TypeScript type definitions
├── public/               # Static assets
│   ├── logo.png          # Project logo
│   └── ...
└── package.json          # Dependencies and scripts

📋 Available Scripts#

npm run dev - Start development server
npm run build - Build for production
npm run start - Start production server
npm run lint - Run ESLint

🎯 Methodology#

Data Sources#

Project Self-Reporting: Standardized submission forms with public verification
Public Records: Financial disclosures, grant databases, and annual reports
On-Chain Data: Transaction verification for distribution tracking
Community Verification: Cross-referencing with public funding databases

Key Metrics#

Funding Received: Total lifetime funding from all sources
Sustainable Revenue %: Recurring revenue vs. one-time funding ratio
Geographic Distribution: Countries served with beneficiary counts
Distribution Efficiency: External funding distributed vs. received ratio

Verification Process#

✅ Cross-reference with public funding databases
✅ On-chain verification where applicable
✅ Community review and correction process
✅ Regular data updates and refresh cycles

🤝 Contributing#

We welcome contributions from the community! Here's how you can help:

Ways to Contribute#

Submit Project Data: Add your web3 project's impact metrics
Improve Methodology: Suggest enhancements to our metrics framework
Bug Reports: Report issues and help us improve the platform
Feature Requests: Propose new functionality and improvements
Code Contributions: Submit pull requests for bug fixes and features

Development Guidelines#

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

Project Submission Process#

Visit the /submit page to add your project
Provide comprehensive impact metrics and funding data
Include geographic distribution and beneficiary information
Submit verifiable sources for all data points

📄 License#

This project is open source and available under the MIT License.

🙋‍♂️ Support#

Getting Help#

Documentation: Check our Methodology page for detailed information
Issues: Report bugs and request features on GitHub Issues
Discussions: Join community discussions on GitHub Discussions

Contact#

Email: hello@web3impactindex.com
Twitter: @EthImpactIndex
Discord: Interplanetary Impact Index Community

🔮 Future Roadmap#

Planned Features#

Real-time data updates via API integration
Advanced filtering and search capabilities
Export functionality for data analysis
Integration with blockchain analytics platforms
Mobile application companion
Multi-language support

Research Initiatives#

Longitudinal impact studies
Comparative analysis frameworks
Sustainability prediction models
Geographic impact correlation analysis

Built with ❤️ for the web3 ecosystem

Helping stakeholders make informed decisions about where to direct resources for the greatest collective benefit.

Clone this repository