A minimalist GitHub repository browser with AI-powered code annotations. Analyze any public repository and get intelligent insights about the code structure and functionality.
- Repository Analysis: Paste any GitHub repository URL to browse its contents
- AI Annotations: Automatically generated code explanations for each file
- Language Detection: Identifies programming languages used across the repository
- File Filtering: Excludes binary files and focuses on analyzable code
- Caching System: Stores analyzed repositories for instant re-access
- Repository Summaries: Generate concise overviews of entire projects
- Node.js 16.x or higher
- OpenRouter API key
- GitHub personal access token (optional, for higher rate limits)
- Clone the repository:
git clone https://github.com/life2harsh/GitExplainer_AIWrapper.git
cd GitExplainer_AIWrapper- Install dependencies:
npm install- Create a
.envfile in the root directory:
OPENROUTER_API_KEY=your_openrouter_api_key_here
GITHUB_TOKEN=your_github_token_here- Start the development server:
npm run dev- Open http://localhost:3000 in your browser
- Paste a GitHub repository URL into the input field
- Click "Analyze Repo" to fetch and analyze the repository
- Browse files from the sidebar
- View AI-generated annotations alongside the code
- Use the "Summarize Repo" button for a quick project overview
- Framework: Next.js 16.1.1 with React
- Language: TypeScript
- AI Provider: OpenRouter API (using kat-coder-pro model)
- Syntax Highlighting: react-syntax-highlighter
- Styling: Tailwind CSS
/api/repo- Fetches repository contents and generates batch annotations/api/annotate- Generates annotations for individual files/api/summarize- Creates repository summaries
The application uses the following environment variables:
OPENROUTER_API_KEY- Required for AI-powered annotationsGITHUB_TOKEN- Optional, improves GitHub API rate limits
This project is open source and available under the MIT License.
Contributions are welcome. Please feel free to submit issues or pull requests.