NpmStats by IngeniousClan

Comprehensive Analytics for NPM Packages

Real-time insights, bundle analysis, and dependency tracking for npm packages

🌟 Features

• 📊 Real-time Analytics: Track downloads, usage trends, and popularity metrics
• 📦 Bundle Analysis: Analyze package sizes and optimize your dependencies
• 🔍 Dependency Insights: Understand package dependencies and their impact
• 🛡️ Security Scanning: Identify vulnerabilities and maintain secure dependencies
• 📈 Version History: Track package updates and version changes
• 🔄 Similar Package Discovery: Find and compare alternative packages

🚀 Getting Started

Prerequisites

• Node.js 18+
• pnpm (recommended) or npm

Installation

1. Clone the repository:

git clone https://github.com/yokesh-ks/ingeniousclan_npmstats_web.git
cd ingeniousclan_npmstats_web

2. Install dependencies:

pnpm install

3. Start the development server:

pnpm dev

4. Open http://localhost:3000 in your browser

🛠️ Tech Stack

• Framework: Next.js 14 with App Router
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Charts: Recharts
• State Management: React Context
• Package Data: npm Registry API
• Bundle Analysis: Bundlephobia API

🤝 Contributing

We welcome contributions! Please see our Contributing Guidelines for details.

Quick Start for Contributors

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• npm Registry for package data
• Bundlephobia for bundle size analysis
• All our amazing contributors

📊 Project Stats

🔗 Links

• Website
• Documentation
• GitHub Repository
• Issue Tracker

---

_{Built with ❤️ by Yokesh}