𝐀𝐧𝐢𝐋𝐞𝐯𝐞𝐥𝐢𝐧𝐠

A Solo Leveling-inspired GitHub statistics dashboard built with Next.js, Tailwind CSS, and the GitHub API. Visualize your coding journey with dark, animated UI elements and comprehensive analytics.

✨ Features

• 🎨 Solo Leveling-inspired UI with dark theme and purple accents
• 📊 Interactive Charts using Recharts for data visualization
• 🔥 Smooth Animations with Framer Motion
• 📱 Responsive Design that works on all devices
• ⚡ Fast Performance with Next.js and optimized API calls
• 🎯 Comprehensive Analytics:
  • User profile information
  • Repository statistics
  • Programming language breakdown
  • Contribution tracking
  • Star and fork counts
  • Top repositories showcase

🚀 Live Demo

Visit the live application: GitHub Shadow Stats

🛠️ Tech Stack

• Frontend: Next.js 14, React 18
• Styling: Tailwind CSS 3.4
• Charts: Recharts
• Animations: Framer Motion
• Icons: Lucide React
• API: GitHub REST API + GraphQL API
• Deployment: Vercel

📦 Installation

Prerequisites

• Node.js 18+
• npm or yarn
• GitHub Personal Access Token

1. Clone the repository

git clone https://github.com/Shineii86/AniLeveling
cd AniLeveling

2. Install dependencies

npm install
# or
yarn install

3. Set up environment variables

Create a .env.local file in the root directory:

GITHUB_TOKEN=Your_github_personal_access_token_here

How to get a GitHub token:

1. Go to GitHub Settings → Developer settings → Personal access tokens
2. Generate a new token (classic)
3. Select scopes: public_repo, read:user, read:org
4. Copy the token and paste it in your .env.local file

4. Run the development server

npm run dev
# or
yarn dev

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

🌐 Deployment

Deploy to Vercel (Recommended)

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Add your GITHUB_TOKEN environment variable in Vercel dashboard
4. Deploy!

Manual Deployment

npm run build
npm run start

📁 Project Structure

AniLeveling/
├── src/
│   ├── components/
│   │   ├── charts/          # Chart components (Pie, Bar)
│   │   ├── layout/          # Layout components (Navbar, Footer)
│   │   └── ui/              # UI components (Cards, Loading, Error)
│   ├── hooks/               # Custom React hooks
│   ├── lib/                 # API functions and utilities
│   ├── pages/               # Next.js pages
│   │   ├── api/             # API routes
│   │   ├── _app.jsx         # App wrapper
│   │   ├── index.jsx        # Home page
│   │   └── stats.jsx        # Stats dashboard
│   ├── styles/              # Global styles
│   ├── themes/              # Theme configuration
│   └── config/              # Site configuration
├── public/                  # Static assets
├── .env.local              # Environment variables
├── next.config.js          # Next.js configuration
├── tailwind.config.ts      # Tailwind configuration
└── vercel.json            # Vercel deployment config

🎨 Customization

Theme Colors

Edit tailwind.config.ts to customize the Solo Leveling color scheme:

colors: {
  primary: {
    500: '#843dff', // Main purple
    600: '#7c3aed',
    // ... other shades
  }
}

API Rate Limits

The GitHub API has rate limits:

• Authenticated requests: 5,000 per hour
• Unauthenticated requests: 60 per hour

This app uses authenticated requests with your token for higher limits.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
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

• Inspired by the Solo Leveling manhwa/anime aesthetic
• Built with the amazing GitHub API
• UI components inspired by modern dashboard designs
• Charts powered by Recharts

📞 Support

If you have any questions or need help, please:

1. Check the Issues page
2. Create a new issue if your problem isn't already reported
3. Join our Discussions

---

💕 Loved My Work?

🚨 Follow me on GitHub

⭐ Give a star to this project

For inquiries or collaborations:

^{Copyright © 2025 Shinei Nouzen All Rights Reserved}