{"id":29443524,"url":"https://github.com/coding4deep/devops-dashboard","last_synced_at":"2025-07-13T16:09:17.415Z","repository":{"id":296339842,"uuid":"993030437","full_name":"Coding4Deep/Devops-DashBoard","owner":"Coding4Deep","description":null,"archived":false,"fork":false,"pushed_at":"2025-05-30T05:23:52.000Z","size":188,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-30T06:52:14.960Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Coding4Deep.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-05-30T05:18:03.000Z","updated_at":"2025-05-30T05:23:55.000Z","dependencies_parsed_at":"2025-05-30T06:53:40.886Z","dependency_job_id":"3fa00b94-bbce-4412-9c3f-262c6dbf6975","html_url":"https://github.com/Coding4Deep/Devops-DashBoard","commit_stats":null,"previous_names":["coding4deep/devops-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Coding4Deep/Devops-DashBoard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Coding4Deep%2FDevops-DashBoard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Coding4Deep%2FDevops-DashBoard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Coding4Deep%2FDevops-DashBoard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Coding4Deep%2FDevops-DashBoard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Coding4Deep","download_url":"https://codeload.github.com/Coding4Deep/Devops-DashBoard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Coding4Deep%2FDevops-DashBoard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265167996,"owners_count":23721564,"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":[],"created_at":"2025-07-13T16:08:59.134Z","updated_at":"2025-07-13T16:09:17.404Z","avatar_url":"https://github.com/Coding4Deep.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DevOps Dashboard\n\nA modern, responsive DevOps dashboard that provides real-time service monitoring, visitor analytics, and quick access to your DevOps tools and applications.\n\n## Features\n\n- 🔍 **Real-time Service Health Monitoring** - Actual health checks for your services\n- 📊 **Live Visitor Analytics** - Track clicks and visits with localStorage\n- 🚀 **Service Launcher** - Quick access to your DevOps applications\n- 📱 **Responsive Design** - Beautiful UI that works on all devices\n- 🐳 **Dockerized** - Ready for containerized deployment\n\n## Local Development\n\n### Prerequisites\n- Node.js 18+\n- npm or bun\n- Docker (optional)\n\n### Setup\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n```\n\n## Docker Deployment\n\n### Option 1: Docker Build \u0026 Run\n```bash\n# Make scripts executable\nchmod +x scripts/*.sh\n\n# Build the image\n./scripts/build.sh\n\n# Run the container\n./scripts/run.sh\n```\n\n### Option 2: Docker Compose\n```bash\n# Start all services (includes MongoDB)\ndocker-compose up -d\n\n# Stop services\ndocker-compose down\n```\n\n### Option 3: Manual Docker Commands\n```bash\n# Build image\ndocker build -t devops-dashboard .\n\n# Run container\ndocker run -d -p 3000:80 --name devops-dashboard devops-dashboard\n\n# View logs\ndocker logs -f devops-dashboard\n```\n\n## Configuration\n\n### Service URLs\nUpdate the service URLs in `src/pages/Index.tsx` to point to your actual applications:\n\n```typescript\nconst services = [\n  {\n    title: 'Task Manager App',\n    onClick: () =\u003e handleServiceClick('Task Manager', 'https://your-actual-url.com', 'taskManagerClick')\n  },\n  // ... other services\n];\n```\n\n### Health Check URLs\nUpdate the health check URLs in `src/components/ServiceHealthMonitor.tsx`:\n\n```typescript\nconst [services, setServices] = useState\u003cService[]\u003e([\n  { name: 'Portfolio Website', url: 'https://your-portfolio.com', status: 'checking' },\n  // ... other services\n]);\n```\n\n## Analytics\n\nThe dashboard tracks:\n- Total page visits\n- Unique visitors (daily)\n- Portfolio button clicks\n- Individual service clicks\n\nAll analytics data is stored in localStorage and persists between sessions.\n\n## Production Deployment\n\n1. Update service URLs to production endpoints\n2. Build Docker image: `docker build -t devops-dashboard .`\n3. Deploy to your container platform\n4. Access on port 80 (or configured port)\n\n## Architecture\n\n- **Frontend**: React + TypeScript + Tailwind CSS\n- **Build Tool**: Vite\n- **Container**: Docker with Nginx\n- **Analytics**: localStorage (no external dependencies)\n- **Health Checks**: Direct HTTP requests + CORS proxy fallback\n\n## Contributing\n\n1. Fork the repository\n2. Create your feature branch\n3. Commit your changes\n4. Push to the branch\n5. Create a Pull Request\n\n## How can I edit this code?\n\nThere are several ways of editing your application.\n\n**Use Lovable**\n\nSimply visit the [Lovable Project](https://lovable.dev/projects/bdd01d14-94df-469a-8217-996993590ddb) and start prompting.\n\nChanges made via Lovable will be committed automatically to this repo.\n\n**Use your preferred IDE**\n\nIf you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.\n\nThe only requirement is having Node.js \u0026 npm installed - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)\n\nFollow these steps:\n\n```sh\n# Step 1: Clone the repository using the project's Git URL.\ngit clone \u003cYOUR_GIT_URL\u003e\n\n# Step 2: Navigate to the project directory.\ncd \u003cYOUR_PROJECT_NAME\u003e\n\n# Step 3: Install the necessary dependencies.\nnpm i\n\n# Step 4: Start the development server with auto-reloading and an instant preview.\nnpm run dev\n```\n\n**Edit a file directly in GitHub**\n\n- Navigate to the desired file(s).\n- Click the \"Edit\" button (pencil icon) at the top right of the file view.\n- Make your changes and commit the changes.\n\n**Use GitHub Codespaces**\n\n- Navigate to the main page of your repository.\n- Click on the \"Code\" button (green button) near the top right.\n- Select the \"Codespaces\" tab.\n- Click on \"New codespace\" to launch a new Codespace environment.\n- Edit files directly within the Codespace and commit and push your changes once you're done.\n\n## What technologies are used for this project?\n\nThis project is built with:\n\n- Vite\n- TypeScript\n- React\n- shadcn-ui\n- Tailwind CSS\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoding4deep%2Fdevops-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoding4deep%2Fdevops-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoding4deep%2Fdevops-dashboard/lists"}