Reviewly is a modern, AI-enhanced GitHub pull request review dashboard that transforms the code review experience. Built with React, TypeScript, and Tailwind CSS, it provides an intuitive interface for managing and reviewing pull requests with intelligent AI assistance powered by Claude (Anthropic).

• Gamified Experience: Progress tracking, completion celebrations, and "spicy" PR prioritization
• Intelligent Filtering: Filter by ready, spicy, completed, and delayed PRs
• Visual Progress: Real-time progress bars and completion stats with motivational messaging
• Priority System: Automatic prioritization based on PR age, review requests, and urgency

• Claude Integration: Comprehensive code analysis using Anthropic's Claude AI
• Smart Suggestions: Security, performance, style, and bug detection with inline recommendations
• Risk Assessment: Overall scoring (0-100), complexity analysis, and security risk evaluation
• Estimated Review Time: AI calculates expected review duration

• Monaco Editor Integration: Professional code editing experience with syntax highlighting
• Side-by-Side Diff: Clean, readable code comparison for 20+ programming languages
• Inline AI Suggestions: Contextual AI recommendations directly in code
• Collapsible Sections: Focus on important changes with expandable file views

• Personal Access Token Auth: Secure GitHub authentication
• Real-time Sync: Live pull request updates and repository management
• Direct GitHub Links: Quick access to original PRs and seamless workflow integration

• This is just a POC.
• Everything currently saves in localStorage. There is no remote saving of api tokens.
• Changes to state are superficial and will reset on refresh.

• Frontend: React 19.1.1 + TypeScript
• Styling: Tailwind CSS 4.1.12 with custom animations
• State Management: Zustand for lightweight, efficient state management
• API Integration: GitHub REST API + Anthropic Claude API
• Code Editor: Monaco Editor for professional diff viewing
• Build Tool: Vite for fast development and optimized builds
• Animations: Framer Motion for smooth transitions and micro-interactions

• Node.js 18+ and npm
• GitHub Personal Access Token with repo, read:user, and read:org scopes
• Anthropic Claude API key (optional, for AI features)

1. Clone and install dependencies:

   git clone <repository-url>
   cd reviewly
   npm install

2. Start the development server:

   npm run dev

3. Setup GitHub Authentication:

   • Go to GitHub Settings → Personal Access Tokens
   • Click "Generate new token (classic)"
   • Select required scopes: repo, read:user, read:org
   • Copy the token and enter it in Reviewly's authentication screen

4. Setup AI Features (Optional):

   • Get an API key from Anthropic Console
   • Add the key in the app's settings for AI-powered code analysis

1. Dashboard: View all your pull requests with smart prioritization
2. Review PRs: Click any PR to open the detailed review interface
3. AI Analysis: Use the "AI Review" button for intelligent code analysis
4. Manage Queue: Mark PRs as complete, delay them, or make them "spicy" for priority
5. Inline Suggestions: View AI recommendations directly in the code diff

src/
├── components/
│   ├── auth/           # GitHub authentication components
│   ├── code/           # Code analysis and suggestion components
│   ├── dashboard/      # Main dashboard and review management
│   ├── diff/           # Advanced diff viewer with Monaco editor
│   ├── layout/         # App layout and navigation
│   └── ui/            # Reusable UI components and utilities
├── pages/             # Main application pages and routing
├── services/          # API integration (GitHub, AI, caching)
├── store/            # Zustand state management
├── types/            # TypeScript type definitions
└── utils/            # Utility functions and helpers

Traditional code review tools are functional but lack modern UX and intelligent assistance. Reviewly bridges this gap by:

1. Making Reviews Enjoyable: Gamification and smooth UX turn code review into an engaging activity
2. Saving Time: AI-powered insights help reviewers focus on what matters most
3. Improving Quality: Structured review process with intelligent suggestions leads to better code
4. Reducing Context Switching: Everything you need in one unified, beautiful interface

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build locally
• npm run lint - Run ESLint code analysis

This is an open-source project. Contributions, issues, and feature requests are welcome!

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