Enterprise-grade DevOps monitoring and visibility platform with real-time insights, advanced theming, and comprehensive infrastructure monitoring.
⭐ Star us on GitHub • 📖 Documentation • 🐛 Report Bug • 💡 Request Feature • 💬 Discord
OpsSight is a comprehensive DevOps visibility platform that provides real-time insights into CI/CD pipelines, infrastructure health, and development workflows. Built with modern technologies and best practices, OpsSight combines powerful monitoring capabilities with an advanced, accessible theme system to create a unified dashboard experience for DevOps teams.
- 🔍 Unified Visibility - Single pane of glass for all your DevOps metrics
- ⚡ Real-time Monitoring - Live updates from CI/CD pipelines and infrastructure
- 🎨 Advanced Theming - 7 theme variants with WCAG 2.1 AA accessibility compliance
- 🚀 Production Ready - Enterprise-grade architecture with Kubernetes support
- 🔒 Security First - Built with security best practices and compliance in mind
- 📱 Fully Responsive - Mobile-first design that works everywhere
- 🧩 Extensible - Plugin architecture for custom integrations
| Feature | Description |
|---|---|
| 🔐 GitHub OAuth | Secure authentication with GitHub integration |
| 📊 Real-time Monitoring | Live metrics from CI/CD pipelines and infrastructure |
| ☸️ Kubernetes Monitoring | Comprehensive cluster health and resource tracking |
| 🤖 Ansible Tracking | Monitor automation coverage and execution |
| 📈 Performance Analytics | Detailed insights into system performance and trends |
| 🔔 Alert Integration | Slack and webhook notifications for critical events |
- 7 Theme Variants: Minimal, neo-brutalist, glassmorphic, cyberpunk, editorial, accessible, dynamic
- 4 Color Modes: Light, dark, high-contrast, and system preference
- Contextual Themes: Default, focus, relax, and energize modes for different workflows
- WCAG 2.1 AA Compliant: Full accessibility support with screen reader compatibility
- Performance Optimized: Smooth transitions and efficient rendering
- Persistent Preferences: User settings saved across sessions
- 📚 Comprehensive Documentation: Storybook integration with interactive component docs
- 🧪 Extensive Testing: Unit, integration, and accessibility testing with >80% coverage
- 🔧 TypeScript Support: Full type safety with comprehensive TSDoc comments
- 🎨 Design System: Consistent design tokens and reusable components
- 🔄 Hot Reload: Fast development with instant feedback
graph TB
subgraph "Frontend Layer"
A[Next.js 15 + React 19] --> B[Tailwind CSS 4]
A --> C[TanStack Query]
A --> D[Storybook]
end
subgraph "Backend Layer"
E[FastAPI] --> F[PostgreSQL]
E --> G[Redis Cache]
E --> H[JWT Auth]
end
subgraph "Infrastructure Layer"
I[Kubernetes] --> J[AWS Services]
I --> K[Prometheus]
I --> L[Grafana]
end
subgraph "Integrations"
M[GitHub API]
N[Kubernetes API]
O[Ansible]
P[Slack Webhooks]
end
A --> E
E --> M
E --> N
E --> O
E --> P
E --> I
style A fill:#0070f3
style E fill:#009688
style I fill:#326ce5
- Framework: Next.js 15 with React 19 and TypeScript 5
- Styling: Tailwind CSS 4 with design tokens
- State Management: React Context + TanStack Query
- Testing: Jest + React Testing Library + Vitest + Playwright
- Documentation: Storybook 9 with accessibility addon
- Build Tool: Vite with Turbopack
- Framework: FastAPI (Python 3.11+)
- Database: PostgreSQL with asyncpg
- Cache: Redis
- Authentication: GitHub OAuth + JWT
- API Integration: GitHub API, Kubernetes API, Ansible
- Containerization: Docker + Docker Compose
- Cloud Provider: AWS
- Container Orchestration: Kubernetes (EKS)
- Monitoring: Prometheus + Grafana + AlertManager
- CI/CD: GitHub Actions
- Infrastructure as Code: Terraform
- Helm Charts: Production-ready Helm charts included
- Node.js 18+ and npm 8+
- Docker and Docker Compose
- Python 3.11+ (for backend development)
- Git
-
Clone the repository:
git clone https://github.com/pavan-official/Devops-app-dev-cursor.git cd Devops-app-dev-cursor -
Set up environment variables:
# Copy environment templates cp .env.example .env cp frontend/.env.local.example frontend/.env.local # Configure your GitHub OAuth app credentials # See docs/getting-started/setup-guide.md for detailed instructions
-
Start with Docker Compose (Recommended):
docker-compose up -d
-
Or run locally:
# Install dependencies npm install npm run setup # Start frontend development server cd frontend && npm run dev # In another terminal, start backend cd backend pip install -r requirements.txt uvicorn app.main:app --reload
-
Access the application:
- 🎯 Main Application: http://localhost:3000
- 📚 Component Library: http://localhost:6006 - Storybook
- 🛠️ API Documentation: http://localhost:8000/docs - FastAPI Swagger
- 📊 Monitoring: http://localhost:3001 - Grafana (admin/admin)
Launch the complete demo environment with realistic mock data:
# Full demo with mock data (recommended)
./scripts/demo-setup.sh
# Or quick start with Docker only
./scripts/quick-demo.sh📖 Full Demo Guide - Complete testing scenarios and URLs
Status: ✅ Production Ready | Version: 2.1.0 | License: MIT
OpsSight is a fully functional, production-ready DevOps visibility platform. The project demonstrates enterprise-grade architecture, comprehensive testing, and professional development practices.
Key Highlights:
- 🏗️ Microservices Architecture - Scalable, maintainable, production-ready
- 🧪 >80% Test Coverage - Comprehensive unit, integration, and E2E tests
- ♿ WCAG 2.1 AA Compliant - Full accessibility support
- 🔒 Security-First - Security best practices throughout
- ⚡ Performance Optimized - Fast, efficient, and scalable
- 📚 Well-Documented - Extensive documentation for users and contributors
🔐 Authentication & Security
- GitHub OAuth integration
- Role-Based Access Control (RBAC)
- Secure JWT token handling
- Multi-factor authentication ready
📊 Real-Time Monitoring
- Live CI/CD pipeline status
- Real-time Kubernetes cluster metrics
- WebSocket-based updates
- Customizable dashboards
🎨 Advanced Theming
- 7 theme variants
- 4 color modes
- WCAG 2.1 AA compliant
- Contextual themes
☸️ Kubernetes Integration
- Cluster health monitoring
- Resource utilization tracking
- Pod and node management
- Multi-cluster support
🤖 Automation Tracking
- Ansible playbook monitoring
- Automation coverage tracking
- Success rate analytics
- Host reliability metrics
🔔 Alert Management
- Slack integration
- Webhook support
- Alert deduplication
- Multi-channel routing
- API Response Time: <200ms (p95)
- Frontend Load Time: <3s Time to Interactive
- Lighthouse Score: >90
- Test Coverage: >80%
- Bundle Size: Optimized with code splitting
OpsSight is deployed and running in production environments with:
- Kubernetes orchestration
- Multi-environment support (dev, staging, production)
- Automated CI/CD pipelines
- Comprehensive monitoring and alerting
- Security scanning and compliance
📖 View Project Highlights - Detailed technical achievements
📖 View Roadmap - Future features and direction
opsight-devops-platform/
├── frontend/ # Next.js React application
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ │ ├── ui/ # Core UI components
│ │ │ ├── auth/ # Authentication components
│ │ │ ├── dashboard/ # Dashboard-specific components
│ │ │ └── charts/ # Data visualization components
│ │ ├── pages/ # Next.js pages
│ │ ├── hooks/ # Custom React hooks
│ │ ├── contexts/ # React contexts (Auth, Theme, Settings)
│ │ ├── utils/ # Helper functions and utilities
│ │ ├── types/ # TypeScript type definitions
│ │ └── styles/ # Global styles and theme tokens
│ ├── stories/ # Storybook stories
│ └── tests/ # Test files
├── backend/ # FastAPI Python application
│ ├── app/
│ │ ├── api/ # API routes and endpoints
│ │ ├── core/ # Core configuration and settings
│ │ ├── models/ # Database models
│ │ ├── services/ # Business logic and external integrations
│ │ └── tests/ # Backend test files
│ └── requirements.txt # Python dependencies
├── api-module/ # Shared API client module
├── infrastructure/ # Terraform and deployment configs
├── k8s/ # Kubernetes manifests
├── helm/ # Helm charts
├── monitoring/ # Prometheus, Grafana configurations
├── docs/ # Additional documentation
├── scripts/ # Utility scripts
└── docker-compose.yml # Local development environment
cd frontend
# Development
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
# Testing
npm run test # Run Jest tests
npm run test:watch # Run tests in watch mode
npm run test:coverage # Generate coverage report
npm run test:e2e # Run Playwright E2E tests
# Code Quality
npm run lint # Run ESLint
npm run lint:fix # Fix ESLint issues
npm run format # Format with Prettier
npm run type-check # TypeScript type checking
npm run validate # Run all quality checks
# Documentation
npm run storybook # Start Storybook
npm run build-storybook # Build Storybookcd backend
# Development
uvicorn app.main:app --reload # Start development server
python -m pytest # Run tests
python -m pytest --cov # Run tests with coverage
# Code Quality
black . # Format code
isort . # Sort imports
flake8 . # Lint code
mypy . # Type checking- Unit Tests: Jest + React Testing Library for components
- Integration Tests: API endpoint testing with FastAPI TestClient
- E2E Tests: Playwright for end-to-end testing
- Accessibility Tests: Automated a11y testing with axe-core
- Visual Tests: Storybook visual regression testing
- Performance Tests: Lighthouse CI for performance monitoring
- TypeScript: Full type safety with strict mode enabled
- ESLint: Comprehensive linting with React and accessibility rules
- Prettier: Consistent code formatting
- Husky: Pre-commit hooks for quality gates
- TSDoc: Comprehensive documentation for all TypeScript code
- Setup Guide - Detailed setup and configuration
- Architecture Guide - System architecture and design decisions
- API Documentation - Complete API reference
- Theme System - Complete theme system documentation
- Testing Guide - Testing strategies and best practices
- Deployment Guide - Production deployment instructions
- Monitoring Setup - Infrastructure monitoring configuration
- Security Guide - Security policy and best practices
- Contributing Guide - How to contribute to the project
Current Version: 2.1.0
Status: ✅ Production Ready
Maintenance: Active Development
| Version | Status | Support Until |
|---|---|---|
| 2.1.x | ✅ Active | TBD |
| 2.0.x | ✅ Supported | TBD |
| 1.x.x | 2025-06-30 |
- ✅ Core Features: Complete and stable
- ✅ Documentation: Comprehensive and up-to-date
- ✅ Testing: >80% coverage with comprehensive test suite
- ✅ Security: Regular audits and updates
- 🔄 New Features: Active development (see Roadmap)
- 🌟 Stars: Growing community
- 🍴 Forks: Active contributors
- 🐛 Issues: Responsive maintenance
- 💬 Discussions: Active community engagement
We welcome contributions from the community! Whether you're fixing bugs, adding features, improving documentation, or helping with translations, your contributions make OpsSight better for everyone.
- ⭐ Star the repository to show your support
- 🍴 Fork the repository and clone your fork
- 📖 Read our Contributing Guide for detailed guidelines
- 🏷️ Check Good First Issues for beginner-friendly tasks
- 💬 Join our Discord to discuss ideas and get help
- 🐛 Report Bugs: Use our bug report template
- ✨ Request Features: Use our feature request template
- 📝 Improve Documentation: Help make our docs even better
- 🧪 Add Tests: Increase test coverage and reliability
- 🌍 Translations: Help make OpsSight accessible globally
- 🎨 UI/UX: Improve the user experience and design
- Follow TypeScript best practices with strict mode
- Write comprehensive tests (aim for >80% coverage)
- Ensure accessibility compliance (WCAG 2.1 AA)
- Document all public APIs with TSDoc comments
- Follow the established file structure and naming conventions
- Use Conventional Commits for commit messages
We take security seriously. Please review our Security Policy before reporting security vulnerabilities.
Instead, please report them via:
- Email: security@opssight.dev
- GitHub Security Advisory: Create a security advisory
Thanks to all our amazing contributors! 🎉
- 📚 Documentation: Check our comprehensive docs
- 💬 GitHub Discussions: Ask questions and share ideas
- 🐛 Bug Reports: Report issues using our templates
- 💬 Discord: Join our community chat
- 📧 Email: contact@opssight.dev
- Discord: Real-time chat and support
- GitHub Discussions: Longer-form discussions and Q&A
- Twitter: @OpsSightDev - Updates and announcements
- LinkedIn: OpsSight Platform - Professional updates
- ⭐ Star this repository to get notifications
- 👀 Watch releases for new version notifications
- 📧 Subscribe to our newsletter at opssight.dev/newsletter
- 🐦 Follow us on Twitter @OpsSightDev
Check out these related projects in the DevOps ecosystem:
- Backstage - Open platform for building developer portals
- Grafana - Open source analytics & monitoring solution
- Prometheus - Monitoring system & time series database
- ArgoCD - Declarative GitOps continuous delivery tool
- Tekton - Cloud native solution for building CI/CD systems
This project is licensed under the MIT License - see the LICENSE file for details.
OpsSight demonstrates enterprise-grade software development with:
- Full-Stack Expertise: Modern frontend (React/Next.js) and backend (FastAPI/Python)
- DevOps Mastery: Kubernetes, Docker, CI/CD, Infrastructure as Code
- Quality Focus: Comprehensive testing, code quality, and documentation
- Security Awareness: Security-first approach with best practices
- Accessibility: WCAG 2.1 AA compliance throughout
- Production Ready: Deployed and running in production environments
📖 View Detailed Project Highlights - Technical achievements and skills demonstrated
Interested in what's coming next? Check out our Roadmap to see planned features and improvements.
Current Focus:
- Enhanced multi-cloud support
- Advanced analytics & ML
- Improved developer experience
- Enterprise features
See AUTHORS.md for a complete list of contributors.
Special Thanks:
- All contributors who have helped improve OpsSight
- The open-source community for inspiration and tools
- Early adopters and beta testers for valuable feedback
MIT License
Copyright (c) 2025 OpsSight DevOps Platform
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
We extend our gratitude to the amazing open-source community and the following projects that make OpsSight possible:
- Next.js - The React framework for production
- React - A JavaScript library for building user interfaces
- TypeScript - Typed JavaScript at any scale
- FastAPI - Modern, fast web framework for Python
- PostgreSQL - Advanced open source database
- Redis - In-memory data structure store
- Tailwind CSS - Utility-first CSS framework
- Headless UI - Unstyled, accessible UI components
- Heroicons - Beautiful hand-crafted SVG icons
- Lucide React - Beautiful & consistent icon toolkit
- Recharts - Redefined chart library built with React
- Jest - Delightful JavaScript testing framework
- React Testing Library - Testing utilities for React
- Playwright - End-to-end testing framework
- ESLint - Find and fix problems in JavaScript code
- Prettier - Opinionated code formatter
- Docker - Containerization platform
- Kubernetes - Container orchestration system
- Prometheus - Monitoring system & time series database
- Grafana - Open observability platform
- GitHub Actions - CI/CD platform
- Contributors: All the amazing people who contribute code, documentation, and ideas
- Community: Our Discord community for feedback and support
- Beta Testers: Early adopters who help us improve the platform
- Open Source: The entire open-source ecosystem that makes projects like this possible
📖 Read the Docs • 🎮 Try the Demo • 💬 Join Discord • 🐦 Follow on Twitter
Made with ❤️ by the OpsSight team and contributors
⭐ Star us on GitHub — it motivates us a lot!