{"id":29194733,"url":"https://github.com/rafiqdevhub/code_review_app","last_synced_at":"2025-07-02T04:37:57.031Z","repository":{"id":302306095,"uuid":"1010082278","full_name":"Rafiqdevhub/Code_review_app","owner":"Rafiqdevhub","description":"AI Code Review agent.","archived":false,"fork":false,"pushed_at":"2025-07-01T16:10:16.000Z","size":218,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-01T17:23:15.082Z","etag":null,"topics":["react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://codify-omega.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Rafiqdevhub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-28T09:56:55.000Z","updated_at":"2025-07-01T16:10:19.000Z","dependencies_parsed_at":"2025-07-01T17:23:17.931Z","dependency_job_id":"0d295c2e-9feb-4197-8ec4-738b95acc48d","html_url":"https://github.com/Rafiqdevhub/Code_review_app","commit_stats":null,"previous_names":["rafiqdevhub/code_review_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Rafiqdevhub/Code_review_app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rafiqdevhub%2FCode_review_app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rafiqdevhub%2FCode_review_app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rafiqdevhub%2FCode_review_app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rafiqdevhub%2FCode_review_app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rafiqdevhub","download_url":"https://codeload.github.com/Rafiqdevhub/Code_review_app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rafiqdevhub%2FCode_review_app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263076959,"owners_count":23410164,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","tailwindcss","typescript"],"created_at":"2025-07-02T04:37:56.134Z","updated_at":"2025-07-02T04:37:57.009Z","avatar_url":"https://github.com/Rafiqdevhub.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AI Code Review Agent 🤖\n\nAn intelligent code analysis platform powered by AI that helps developers write better, safer, and more maintainable code through instant reviews, security analysis, and intelligent suggestions.\n\n![AI Code Review Agent](https://img.shields.io/badge/AI-Powered-blue) ![React](https://img.shields.io/badge/React-18.3.1-blue) ![TypeScript](https://img.shields.io/badge/TypeScript-5.6.2-blue) ![Vite](https://img.shields.io/badge/Vite-5.4.10-green)\n\n## ✨ Features\n\n### 🔍 **Smart Code Analysis**\n\n- **Multi-language support**: JavaScript, TypeScript, Python, Java, C#, C++, Go, Rust, PHP, Ruby\n- **Static code analysis** with complexity metrics and performance insights\n- **Real-time feedback** with quality scores and maintainability ratings\n- **Code statistics** including lines, functions, classes, and dependencies\n\n### 🛡️ **Security Scanning**\n\n- **Vulnerability detection** with OWASP compliance checks\n- **Dependency scanning** for known security issues\n- **Security scoring** with detailed remediation suggestions\n- **Risk assessment** with priority-based issue classification\n\n### 🧠 **AI Chat Assistant**\n\n- **Interactive conversations** about code quality and best practices\n- **Contextual explanations** for detected issues and suggestions\n- **Multi-threaded discussions** with conversation history\n- **Instant help** for programming questions and code improvements\n\n### 📊 **Comprehensive Reports**\n\n- **Quality metrics** including readability, maintainability, and complexity\n- **Issue categorization** by severity (Critical, High, Medium, Low)\n- **Performance insights** with optimization recommendations\n- **Visual dashboards** with progress tracking and trend analysis\n\n### 🚀 **Modern User Experience**\n\n- **Drag \u0026 drop file upload** with support for multiple files\n- **Code editor** with syntax highlighting and line numbers\n- **Responsive design** optimized for desktop and mobile\n- **Real-time status indicators** and loading states\n\n## 🛠️ Tech Stack\n\n- **Frontend**: React 18, TypeScript, Vite\n- **UI Components**: Radix UI, Tailwind CSS, Lucide Icons\n- **State Management**: React Query (TanStack Query)\n- **Routing**: React Router DOM\n- **Build Tool**: Vite with hot module replacement\n- **Code Quality**: ESLint, Prettier\n- **Backend Integration**: RESTful API with Node.js/LangChain\n\n## 📖 Usage Guide\n\n### 1. **Code Review Analysis**\n\n**Upload Files**:\n\n- Navigate to the Code Review page\n- Drag and drop your code files or click to browse\n- Supported formats: `.js`, `.ts`, `.py`, `.java`, `.cs`, `.cpp`, `.go`, `.rs`, `.php`, `.rb`\n\n**Manual Code Entry**:\n\n- Switch to the Code Editor tab\n- Select your programming language\n- Paste or type your code directly\n- Set a filename for better analysis context\n\n**Run Analysis**:\n\n- Click \"Run Analysis\" to start the AI review process\n- View results in categorized tabs: Issues, Metrics, Security\n- Get detailed explanations and improvement suggestions\n\n### 2. **AI Chat Assistant**\n\n**Start a Conversation**:\n\n- Go to the AI Chat page\n- Click \"New Conversation\" to create a thread\n- Ask questions about code quality, security, or best practices\n\n**Interactive Features**:\n\n- **Multi-turn conversations** with context retention\n- **Code-specific questions** with syntax highlighting\n- **Copy responses** for documentation\n- **Thread management** with conversation history\n\n### 3. **Understanding Reports**\n\n**Quality Metrics**:\n\n- **Readability**: Code clarity and naming conventions\n- **Maintainability**: Ease of modification and extension\n- **Complexity**: Cyclomatic complexity and nesting levels\n- **Performance**: Optimization opportunities and bottlenecks\n\n**Security Analysis**:\n\n- **Vulnerability Score**: Overall security rating (0-100)\n- **Risk Categories**: Authentication, injection, XSS, etc.\n- **Priority Levels**: Critical issues requiring immediate attention\n- **Remediation Steps**: Actionable fix suggestions\n\n## 🏗️ Architecture\n\n### Frontend Structure\n\n```\nsrc/\n├── components/          # Reusable UI components\n│   ├── ui/             # Shadcn/ui components\n│   ├── CodeEditor.tsx  # Code input and display\n│   ├── FileUpload.tsx  # File handling component\n│   └── ResultsDisplay.tsx # Analysis results\n├── pages/              # Main application pages\n│   ├── Home.tsx        # Landing page with features\n│   ├── CodeReview.tsx  # Code analysis interface\n│   └── AiChat.tsx      # Chat assistant interface\n├── services/           # API integration layer\n│   └── api.ts          # Backend communication\n├── hooks/              # Custom React hooks\n├── lib/                # Utility functions\n└── App.tsx             # Main application component\n```\n\n### API Integration\n\nThe frontend communicates with a Node.js/LangChain backend through RESTful endpoints:\n\n- **`POST /api/analyze`** - Submit code for analysis\n- **`POST /api/chat`** - Send messages to AI assistant\n- **`GET /api/health`** - Check backend status\n- **`POST /api/upload`** - Upload files for analysis\n\n## 🧪 Development\n\n### Available Scripts\n\n```bash\n# Development server with hot reload\nnpm run dev\n\n# Production build\nnpm run build\n\n# Development build (with source maps)\nnpm run build:dev\n\n# Lint code\nnpm run lint\n\n# Preview production build\nnpm run preview\n```\n\n### Code Quality\n\nThe project includes comprehensive linting and formatting:\n\n- **ESLint**: Code quality and consistency\n- **TypeScript**: Type safety and better developer experience\n- **Prettier**: Automated code formatting\n- **Husky**: Pre-commit hooks (if configured)\n\n### Environment Variables\n\n```env\n# Backend API URL\nVITE_API_URL=http://localhost:5000\n\n# Enable debug logging\nVITE_API_DEBUG=true\n\n# API request timeout (ms)\nVITE_API_TIMEOUT=30000\n```\n\n## 🔧 Configuration\n\n### Tailwind CSS\n\nCustom theme configuration in `tailwind.config.ts` with:\n\n- Custom color palette\n- Extended component variants\n- Responsive breakpoints\n- Animation utilities\n\n### Vite Configuration\n\nOptimized build settings in `vite.config.ts`:\n\n- Path aliases (`@/` for `src/`)\n- Development server proxy\n- Build optimizations\n- Environment variable handling\n\n## 🤝 Contributing\n\n1. **Fork the repository**\n2. **Create a feature branch**: `git checkout -b feature/amazing-feature`\n3. **Commit changes**: `git commit -m 'Add amazing feature'`\n4. **Push to branch**: `git push origin feature/amazing-feature`\n5. **Open a Pull Request**\n\n### Development Standards\n\n- Follow TypeScript best practices\n- Write meaningful commit messages\n- Add tests for new features\n- Update documentation as needed\n- Ensure responsive design compatibility\n\n## 🙏 Acknowledgments\n\n- **Radix UI** for accessible component primitives\n- **Tailwind CSS** for utility-first styling\n- **Lucide React** for beautiful icons\n- **Vite** for fast development experience\n- **React Query** for efficient data fetching\n\n## 📞 Support\n\nFor questions, issues, or contributions:\n\n- **GitHub Issues**: Report bugs and request features\n- **Documentation**: Check the integration guide in `README_API_INTEGRATION.md`\n- **Community**: Join discussions in the project repository\n\n---\n\n**Transform your code with AI intelligence. Write better, safer, and more maintainable code today!** 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafiqdevhub%2Fcode_review_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frafiqdevhub%2Fcode_review_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafiqdevhub%2Fcode_review_app/lists"}