{"id":32580096,"url":"https://github.com/aakashsharma7/automated-log-analyzer","last_synced_at":"2026-07-04T08:31:32.672Z","repository":{"id":367357118,"uuid":"1082735346","full_name":"aakashsharma7/Automated-Log-Analyzer","owner":"aakashsharma7","description":"A modern, AI-powered log analysis application built with Next.js, TypeScript, and Tailwind CSS. Features intelligent parsing, anomaly detection, progressive disclosure UI, and comprehensive analytics with a premium dark theme and micro-animations.","archived":false,"fork":false,"pushed_at":"2026-06-25T15:55:51.000Z","size":273,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-25T17:23:52.371Z","etag":null,"topics":["compromise","framer-motion","multer","natural","nextjs","papaparse","pg","prisma-client","react","tailwindcss","typscript","zod"],"latest_commit_sha":null,"homepage":"https://automated-log-analyzer.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/aakashsharma7.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-24T17:28:52.000Z","updated_at":"2026-06-25T15:55:55.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/aakashsharma7/Automated-Log-Analyzer","commit_stats":null,"previous_names":["aakashsharma7/automated-log-analyzer"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/aakashsharma7/Automated-Log-Analyzer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashsharma7%2FAutomated-Log-Analyzer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashsharma7%2FAutomated-Log-Analyzer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashsharma7%2FAutomated-Log-Analyzer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashsharma7%2FAutomated-Log-Analyzer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aakashsharma7","download_url":"https://codeload.github.com/aakashsharma7/Automated-Log-Analyzer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aakashsharma7%2FAutomated-Log-Analyzer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35115741,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-04T02:00:05.987Z","response_time":113,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["compromise","framer-motion","multer","natural","nextjs","papaparse","pg","prisma-client","react","tailwindcss","typscript","zod"],"created_at":"2025-10-29T16:00:10.848Z","updated_at":"2026-07-04T08:31:32.648Z","avatar_url":"https://github.com/aakashsharma7.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Automated Log Analyzer\r\n\r\nA modern, AI-powered log analysis application built with Next.js, TypeScript, and Tailwind CSS. Features intelligent parsing, anomaly detection, progressive disclosure UI, and comprehensive analytics with a premium dark theme and micro-animations.\r\n\r\n## ✨ Features\r\n\r\n### 🎨 **Modern UI/UX**\r\n- **Premium Dark Theme**: Sophisticated dark color scheme with glassmorphism effects\r\n- **Micro-animations**: Smooth hover effects, transitions, and interactive feedback\r\n- **Progressive Disclosure**: Show simple summaries by default with expandable details\r\n- **Responsive Design**: Optimized for desktop, tablet, and mobile devices\r\n- **Command Palette**: Universal search and quick actions (Ctrl+K)\r\n\r\n### 🔍 **Intelligent Log Parsing**\r\n- **Multi-format Support**: Apache, Nginx, Syslog, JSON, and custom log formats\r\n- **Auto-detection**: Automatically detects log format from content\r\n- **Drag \u0026 Drop**: Upload multiple files with visual feedback\r\n- **Paste Content**: Direct text input for quick analysis\r\n- **Real-time Processing**: Process logs instantly in the browser\r\n\r\n### 📊 **Advanced Analytics**\r\n- **Statistical Analysis**: Comprehensive log statistics and metrics\r\n- **Time-based Analysis**: Hourly, daily, and trend analysis with peak detection\r\n- **Error Analysis**: Error rate tracking, pattern detection, and source analysis\r\n- **IP Analysis**: IP address monitoring and suspicious activity detection\r\n- **Performance Metrics**: Response time, throughput, and resource usage analysis\r\n- **Security Analysis**: Threat detection and suspicious pattern identification\r\n\r\n### ⚠️ **AI-Powered Anomaly Detection**\r\n- **Machine Learning**: Custom Isolation Forest implementation\r\n- **Multiple Anomaly Types**: Error spikes, unusual time patterns, suspicious IPs, SQL injection attempts\r\n- **Real-time Detection**: Instant anomaly identification\r\n- **Detailed Classification**: Categorized anomaly types with explanations\r\n- **Configurable Thresholds**: Adjustable sensitivity settings\r\n\r\n### 🤖 **AI-Powered Insights**\r\n- **Smart Recommendations**: AI-generated fix suggestions based on log patterns\r\n- **Root Cause Analysis**: Intelligent analysis of underlying issues\r\n- **Proactive Alerting**: Contextual notifications and recommendations\r\n- **Pattern Recognition**: Advanced pattern detection and correlation\r\n\r\n### 📈 **Interactive Visualizations**\r\n- **Dynamic Charts**: Interactive visualizations with smooth animations\r\n- **Real-time Dashboards**: Live monitoring with auto-refresh\r\n- **Multiple Chart Types**: Line charts, bar charts, pie charts, and more\r\n- **Progressive Disclosure**: Show/hide charts based on user preference\r\n\r\n### 🎛️ **Progressive Disclosure System**\r\n- **Complexity Levels**: Basic, Intermediate, and Advanced information tiers\r\n- **Collapsible Sections**: Expandable content areas with smooth animations\r\n- **Summary Cards**: Quick overview metrics with trend indicators\r\n- **Visibility Toggles**: Show/hide detailed information as needed\r\n- **Information Hierarchy**: Prevents information overload while keeping power features accessible\r\n\r\n## 🚀 Quick Start\r\n\r\n### Prerequisites\r\n\r\n- Node.js 18+ \r\n- npm or yarn\r\n- Modern web browser\r\n\r\n### Installation\r\n\r\n1. **Clone the repository**\r\n   ```bash\r\n   git clone \u003crepository-url\u003e\r\n   cd Automate-log\r\n   ```\r\n\r\n2. **Install dependencies**\r\n   ```bash\r\n   npm install\r\n   ```\r\n\r\n3. **Start the development server**\r\n   ```bash\r\n   npm run dev\r\n   ```\r\n\r\n4. **Open your browser**\r\n   Navigate to [http://localhost:3000](http://localhost:3000)\r\n\r\n## 📖 Usage\r\n\r\n### 1. Upload \u0026 Parse Logs\r\n\r\n- **File Upload**: Drag and drop log files (.log, .txt, .json, .csv)\r\n- **Paste Content**: Paste log content directly into the text area\r\n- **Format Selection**: Choose log format or use auto-detection\r\n- **Parse**: Click \"Parse Logs\" to process the data\r\n\r\n### 2. Anomaly Detection\r\n\r\n- **Configure Settings**: Set contamination rate and thresholds\r\n- **Run Detection**: Click \"Detect Anomalies\" to find unusual patterns\r\n- **Review Results**: Analyze detected anomalies with detailed breakdowns\r\n- **Investigate**: Drill down into specific anomaly details\r\n\r\n### 3. AI Analysis\r\n\r\n- **Smart Insights**: Get AI-powered recommendations after parsing\r\n- **Root Cause Analysis**: Understand the underlying issues\r\n- **Proactive Alerts**: Receive contextual notifications\r\n- **Pattern Recognition**: Discover hidden patterns in your logs\r\n\r\n### 4. Progressive Disclosure\r\n\r\n- **Basic Level**: Essential metrics always visible\r\n- **Intermediate Level**: Important details collapsed by default\r\n- **Advanced Level**: Technical details hidden by default\r\n- **Customize View**: Show/hide sections based on your needs\r\n\r\n### 5. Command Palette\r\n\r\n- **Quick Access**: Press `Ctrl+K` to open command palette\r\n- **Search Commands**: Find and execute actions quickly\r\n- **Keyboard Shortcuts**: Navigate efficiently with keyboard\r\n- **Contextual Actions**: Commands adapt to current state\r\n\r\n## 🎨 UI Components\r\n\r\n### Core Components\r\n- **ProgressiveDisclosure**: Main wrapper with expandable content\r\n- **CollapsibleSection**: Card-based sections with smooth animations\r\n- **SummaryCard**: Compact metric cards with trend indicators\r\n- **ExpandableDetails**: Show/hide detailed information\r\n- **VisibilityToggle**: Toggle content visibility\r\n- **ProgressiveTabs**: Tabbed interface with complexity levels\r\n\r\n### Animation System\r\n- **Hover Effects**: Soft scaling, shadow lift, border glow\r\n- **Transitions**: Smooth fade, slide, and scale animations\r\n- **Micro-interactions**: Button feedback, loading states\r\n- **Staggered Animations**: Sequential element animations\r\n\r\n## 🛠️ Technical Stack\r\n\r\n### Frontend\r\n- **Next.js 14**: React framework with App Router\r\n- **TypeScript**: Type-safe development\r\n- **Tailwind CSS**: Utility-first styling\r\n- **Radix UI**: Accessible component primitives\r\n- **Lucide React**: Beautiful icons\r\n- **React Dropzone**: File upload handling\r\n\r\n### Backend Processing\r\n- **Custom Log Parser**: Multi-format log parsing\r\n- **Anomaly Detection**: Isolation Forest algorithm\r\n- **Data Processing**: Statistical analysis and metrics\r\n- **AI Analysis**: Pattern recognition and recommendations\r\n\r\n### Styling \u0026 Animations\r\n- **Tailwind CSS**: Responsive design system\r\n- **Custom Animations**: Keyframe-based animations\r\n- **Glassmorphism**: Frosted glass effects\r\n- **Gradient Themes**: Dynamic color schemes\r\n\r\n## 📁 Project Structure\r\n\r\n```\r\nsrc/\r\n├── app/                    # Next.js App Router\r\n│   ├── api/               # API routes\r\n│   ├── globals.css        # Global styles\r\n│   ├── layout.tsx         # Root layout\r\n│   └── page.tsx           # Home page\r\n├── components/            # React components\r\n│   ├── ui/               # Reusable UI components\r\n│   │   ├── button.tsx\r\n│   │   ├── card.tsx\r\n│   │   ├── progressive-disclosure.tsx\r\n│   │   └── ...\r\n│   ├── log-analyzer.tsx  # Main analyzer component\r\n│   ├── log-analysis-results.tsx\r\n│   └── ...\r\n├── lib/                  # Utility libraries\r\n│   ├── log-parser.ts     # Log parsing logic\r\n│   ├── anomaly-detector.ts\r\n│   ├── data-processor.ts\r\n│   └── utils.ts\r\n└── types/                # TypeScript definitions\r\n    └── index.ts\r\n```\r\n\r\n## 🎯 Key Features Explained\r\n\r\n### Progressive Disclosure\r\nThe application uses a sophisticated progressive disclosure system to prevent information overload:\r\n\r\n- **Basic Level (Green)**: Essential information always visible\r\n- **Intermediate Level (Yellow)**: Important details collapsed by default  \r\n- **Advanced Level (Red)**: Technical details hidden by default\r\n\r\n### Anomaly Detection\r\nCustom implementation of the Isolation Forest algorithm:\r\n\r\n- **Feature Engineering**: 20+ features extracted from log entries\r\n- **Normalization**: Z-score normalization for consistent analysis\r\n- **Classification**: Automatic anomaly type classification\r\n- **Configurable**: Adjustable contamination rate and thresholds\r\n\r\n### AI-Powered Analysis\r\nIntelligent insights and recommendations:\r\n\r\n- **Pattern Recognition**: Advanced pattern detection\r\n- **Root Cause Analysis**: Understanding underlying issues\r\n- **Proactive Alerting**: Contextual notifications\r\n- **Smart Recommendations**: AI-generated fix suggestions\r\n\r\n## 🚀 Deployment\r\n\r\n### Vercel (Recommended)\r\n1. Push code to GitHub\r\n2. Connect repository to Vercel\r\n3. Deploy automatically\r\n\r\n### Docker\r\n```bash\r\ndocker build -t log-analyzer .\r\ndocker run -p 3000:3000 log-analyzer\r\n```\r\n\r\n### Static Export\r\n```bash\r\nnpm run build\r\nnpm run export\r\n```\r\n\r\n## 🔧 Configuration\r\n\r\n### Environment Variables\r\nCreate a `.env.local` file:\r\n\r\n```env\r\n# Optional: Add any required environment variables\r\nNEXT_PUBLIC_APP_NAME=\"Log Analyzer\"\r\n```\r\n\r\n### Customization\r\n- **Themes**: Modify colors in `tailwind.config.js`\r\n- **Animations**: Adjust timing in `globals.css`\r\n- **Components**: Customize UI components in `src/components/ui/`\r\n\r\n## 📊 Performance\r\n\r\n- **Client-side Processing**: All analysis happens in the browser\r\n- **Optimized Bundles**: Next.js automatic code splitting\r\n- **Efficient Rendering**: React 18 concurrent features\r\n- **Smooth Animations**: 60fps animations with CSS transforms\r\n\r\n## 🤝 Contributing\r\n\r\n1. Fork the repository\r\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\r\n3. Commit your changes (`git commit -m 'Add amazing feature'`)\r\n4. Push to the branch (`git push origin feature/amazing-feature`)\r\n5. Open a Pull Request\r\n\r\n## 📝 License\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\r\n\r\n## 🙏 Acknowledgments\r\n\r\n- **Next.js Team** for the amazing React framework\r\n- **Tailwind CSS** for the utility-first CSS framework\r\n- **Radix UI** for accessible component primitives\r\n- **Lucide** for beautiful icons\r\n- **Vercel** for deployment platform\r\n\r\n## 📞 Support\r\n\r\n- **GitHub Issues**: Report bugs and request features\r\n- **Documentation**: Check this README and code comments\r\n- **Community**: Join discussions in GitHub Discussions\r\n\r\n---\r\n\r\n**Built with ❤️ using Next.js, TypeScript, and Tailwind CSS**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faakashsharma7%2Fautomated-log-analyzer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faakashsharma7%2Fautomated-log-analyzer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faakashsharma7%2Fautomated-log-analyzer/lists"}