GitHub Devloper Tools
A comprehensive suite of GitHub tools for developers, built with Next.js and modern web technologies. Analyze followers, design stunning profiles, compare statistics, and master Git with our comprehensive documentation.
Features
GitHub Analytics
- Follower Counter: Real-time GitHub follower tracking with detailed insights
- Following Analysis: Discover who you're following that doesn't follow back
- Profile Comparison: Compare GitHub profiles side-by-side with improvement suggestions
Profile Tools
- README Designer: Create stunning GitHub profile READMEs with:
- Skills icons and technology badges
- Social media links and contact information
- GitHub statistics and contribution widgets
- Live preview and downloadable markdown files
Learning Resources
- Comprehensive Documentation: Complete Git and GitHub learning resources
- Chapter-wise Organization: From basics to advanced techniques
- Interactive Examples: Practical code examples and commands
- FAQ Section: Answers to common questions
User Experience
- Modern Design: Beautiful, responsive interface with smooth animations
- Dark/Light Mode: Complete theme system with system preference detection
- Mobile Optimized: Perfect experience across all devices
- Fast Performance: Optimized for speed and reliability
🛠️ Technology Stack
Frontend
- Next.js 13: React framework with App Router
- TypeScript: Type-safe development
- Tailwind CSS: Utility-first CSS framework
- shadcn/ui: Modern component library
- Framer Motion: Smooth animations and transitions
APIs & Services
- GitHub API: Real-time data fetching
- Vercel: Deployment and hosting
- Static Export: Optimized for performance
Development Tools
- ESLint: Code linting and quality
- Prettier: Code formatting
- Git: Version control
- VS Code: Recommended development environment
📦 Installation
Prerequisites
- Node.js 18+
- npm or yarn
- Git
Local Development
-
Clone the repository
git clone https: https://github.com/codewithdhruba01/GithubProtools.git cd GithubProtools -
Install dependencies
npm install # or yarn install -
Start development server
npm run dev # or yarn dev -
Open in browser
Build for Production
# Build the application npm run build # Start production server npm start
Static Export
# Generate static files npm run build # Files will be in the 'out' directory
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
Open Source Libraries
- Next.js - React framework
- Tailwind CSS - CSS framework
- shadcn/ui - Component library
- Framer Motion - Animation library
- Lucide React - Icon library
Inspiration
- GitHub's own tools and interfaces
- Modern web design trends
- Developer community feedback
- Open source project best practices
Contributors
Also contribute this project
📞 Support
Getting Help
- Documentation: Check our comprehensive docs
- FAQ: Common questions and answers
- Issues: Report bugs on GitHub
- Discussions: Community discussions and feature requests
