Back to Projects
SRE dashboard

AWS DevOps & SRE Control Center

Refer: GUIDE URL Download ZIP

An SRE-inspired cloud monitoring control center. Real-time telemetry monitoring for AWS server resources (EC2, Lambda, S3, RDS, CloudWatch), paired with a mock CI/CD pipeline emulator and visual GitHub integrations.

💡 What We Will Learn in This Repo

  • 1

    AWS SDK Core Telemetry Integrations

    Construct dynamic queries to collect AWS cloud resource states (EC2 statuses, S3 sizes, Lambda metadata) using node SDKs.

  • 2

    Interactive Chart.js Observability dashboards

    Visualize infrastructure telemetry metrics using robust charts, updating states dynamically with mock sockets/REST updates.

  • 3

    CI/CD Pipeline Emulators

    Implement server-side stage workflows (build, security-test, packaging, rollout) simulating real pipeline runs.

  • 4

    GitHub Status Checks

    Configure repo Webhooks to pull git branches and commit metadata directly into control panels.

📖 Step-by-Step Installation Guide

1 Clone the Repository

Fetch the repository to your local workspace:

bash 
git clone https://github.com/Pradeeptalari14/aws-devops-dashboard.git
cd aws-devops-dashboard
2 Install Packages

Fetch and download library dependencies locally using Node package manager:

bash 
npm install
3 Configure Environment Credentials

Copy the environment template and load your AWS and GitHub credentials:

bash 
cp .env.example .env
# Edit .env and supply your ACCESS_KEY and SECRET_KEY keys
4 Run Telemetry Server

Boot the SRE control center locally in development mode:

bash 
npm run dev

🔄 Things You Need to Replace (Customization Checklist)

Adapt the control center configuration parameters inside these files to target your own resources:

Target Element File Location Placeholder / Code block
AWS access Keys .env AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY
Target AWS Region config/aws.js us-east-1 (update to your deployment location)
GitHub Repository Target public/js/dashboard.js Pradeeptalari14/portfolio (replace with your repo name)
Disk Warning limits server/routes/metrics.js threshold: 90 (percent value for warning alerts)

📊 Architectural Workflow

graph TD
    User[SRE / Developer] -->|Interacts| UI[Chart.js Dashboard UI]
    UI -->|API Requests| Express[Node.js Express Server]
    Express -->|Polling SDK| AWS[AWS Cloud Space]
    Express -->|Octokit Webhook| GH[GitHub Commit Logs]
    
    subgraph Mock Engines
        Express -->|Simulates| Build[Pipeline Build Executor]
        Build -->|Triggers| Tests[Unit & Lint Assertions]
        Tests -->|Logs Metrics| Console[Live Terminal Window]
    end

🛠️ Useful Commands (Project Reference)

Common CLI tasks for building, testing, and verifying the dashboard application locally:

# Validate lint standards: npm run lint # Run mocha/jest unit test cases: npm run test # Launch production server: npm start # Pack directory files: zip -r dashboard-pkg.zip . -x "node_modules/*"
📋 Code copied to clipboard!